如何在 JavaScript 中通过字符串的形式执行函数|极客笔记

如何在 JavaScript 中通过字符串的形式执行函数

在本文中，我们将介绍如何在 JavaScript 中通过字符串的形式执行函数。在 JavaScript 中，函数是一种重要的编程概念，可以用来执行各种操作和逻辑。通常情况下，我们通过函数名来调用执行一个函数，但有时候我们需要通过字符串的形式来执行函数。

阅读更多：JavaScript 教程

JavaScript 中，可以使用 eval() 函数将一个字符串转换为可执行的代码，并执行它。通过 eval() 函数执行一个字符串形式的函数可以实现动态调用函数的目的。下面是一个示例：

function sayHello() {
  console.log("Hello!");
}

eval("sayHello()"); // 输出 Hello!

在上面的代码中，我们定义了一个函数 sayHello() ，然后通过 eval() 函数将字符串形式的函数调用转换为实际的函数调用，从而执行了函数。

JavaScript 中，全局函数可以通过 window 对象来执行。在浏览器环境下，所有全局函数都会被添加到 window 对象上。所以可以通过访问 window 对象的属性来执行字符串形式的函数。下面是一个示例：

function sayHello() {
  console.log("Hello!");
}

window["sayHello"](); // 输出 Hello!

在上面的代码中，我们定义了一个全局函数 sayHello() ，然后通过访问 window 对象的属性 sayHello 来执行函数。

JavaScript 中，还可以使用 Function 构造函数动态创建一个函数，并执行它。Function 构造函数可以通过给定函数体和参数名来创建一个函数对象。下面是一个示例：

var sayHello = new Function('console.log("Hello!");');

sayHello(); // 输出 Hello!

在上面的代码中，我们使用 Function 构造函数创建了一个函数对象，然后通过调用该函数对象来执行函数。

JavaScript 中，全局函数可以通过函数名称来执行，函数名称是一个全局变量，可以通过字符串的形式来访问。下面是一个示例：

function sayHello() {
  console.log("Hello!");
}

var fnName = "sayHello";

window[fnName](); // 输出 Hello!

在上面的代码中，我们定义了一个全局函数 sayHello() ，然后通过定义一个字符串变量 fnName 来保存函数名称，最后通过访问 window 对象的属性来执行函数。

JavaScript 中，可以通过 eval() 函数执行对象的方法，方法名称是对象的属性，可以通过字符串的形式来访问。下面是一个示例：

var obj = {
  sayHello: function() {
    console.log("Hello!");
  }
};

eval("obj.sayHello()"); // 输出 Hello!

在上面的代码中，我们定义了一个对象 obj ，其中包含一个方法 sayHello() ，然后通过 eval() 函数将字符串形式的方法调用转换为实际的方法调用，从而执行了方法。

通过字符串的形式执行函数在一些特定的情况下非常有用。在本文中，我们介绍了在 JavaScript 中通过字符串的形式执行函数的几种方法，包括使用 eval() 函数、window 对象、Function 构造函数以及访问对象方法等方式。根据实际需求，选择合适的方法可以达到灵活、动态调用函数的目的。