在 JavaScript 中，函数是第一类对象，因此我们可以将函数视为值并将其存储在变量中。然而，在某些情况下，我们可能需要使用函数的名称（以字符串形式）来获取对该函数对象的引用。
以下是一些常见的场景：
- 在使用 Web Workers 或跨文档消息传递时，我们需要将函数序列化为字符串以进行传输。然后，我们需要能够从这个字符串重新创建函数对象。
- 在使用类似于 jQuery 的库时，我们经常会使用字符串选择器来查找 DOM 元素。同样，我们也可以使用字符串名称来查找函数并执行它。
通过 window 对象属性访问
在浏览器环境中，函数通常作为全局对象 window 的属性存在。因此，我们可以简单地使用下面的代码来获取一个函数对象：
function foo() {}
const functionName = "foo";
const functionObject = window[functionName];这种方法很容易理解和实现，但有几个限制：
- 它只适用于全局函数，不能用于局部函数。
- 如果在严格模式下运行代码，则无法使用未声明的全局变量
window，因此需要使用globalThis替代。 - 它不适用于使用模块化的代码，因为在模块中定义的函数不会污染全局命名空间。
使用 eval()
另一种获取函数对象的方法是使用 eval() 函数。eval() 函数可以将字符串作为 JavaScript 代码执行，并返回运行结果。
function foo() {}
const functionName = "foo";
const functionObject = eval(functionName);然而，eval() 的使用受到严格的安全限制，因为它可以执行任意代码。此外，使用 eval() 还可能导致性能问题。
使用 Function 构造函数
最可靠和灵活的方法是使用 Function 构造函数。 Function 构造函数是一个特殊的内置函数，它接受一些参数并返回一个新的函数对象。
function foo() {}
const functionName = "foo";
const functionConstructor = new Function(`return ${functionName}`);
const functionObject = functionConstructor();这种方法允许我们动态地创建一个函数对象，即使它不在全局命名空间中也可以工作。此外，它还可以与模块化一起使用。
需要注意的是，在使用 Function 构造函数时要小心避免潜在的安全风险。如果使用不当，恶意用户可以通过将恶意代码注入到字符串中来执行任意代码。
总结
以上是三种获取 JavaScript 函数对象的方法。每种方法都有其优点和缺点。对于大多数情况，使用 Function 构造函数是最好的选择。但是，如果您需要兼容旧的浏览器或考虑性能问题，请选择其他方法。
示例代码：
-- -------------------- ---- ------- -------- ----- - ------------------ --------- - ----- ------------ - ------ -- ------ ------ ------ ----- --------------- - --------------------- ------------------ -- -- ------ ------- -- ------ ------ ----- --------------- - ------------------- ------------------ -- -- ------ ------- -- ------ -------- ---- ----- ------------------- - --- ---------------- ------------------ ----- --------------- - ---------------------- ------------------ -- -- ------ -------
希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26769