调用仅以函数名作为字符串开头的函数（ES6 语法）

Question

我正在做一件奇怪的事情，我得到一个函数的名称，并用这个名称调用函数，如下所示：

function myFunc(){
    //do somethng
};
var myFuncName = 'myFunc';
window[myFuncName](); // Expected result.

...可行，但现在我已经使用 ES6 const 命名定义了函数，window[myFuncName] 未定义：

const myFunc = () => {
    //do somethng
};
var myFuncName = 'myFunc';
window[myFuncName](); // window[myFuncName] is not a function.

有谁知道当你只有名字作为字符串时如何调用 ES6 函数？我正在使用浏览器 Web 扩展，但认为这是一个一般的 JavaScript 问题。谢谢！

Answer 1

只有eval才有可能，不应该使用：

eval(myFuncName + '()');

相反，改变你的代码，把函数放在一个 object 上（即使它不是窗口），然后使用普通的括号符号来查找属性值（就像你是用window 做，除了用fns 代替），并调用检索到的函数：

const fns = {
  myFunc() {
    console.log('do something');
  }
};
const myFuncName = 'myFunc';
fns[myFuncName]();

如果你想更接近地模仿const对象上的属性，使用Object.defineProperty确保函数属性不能被删除或重新分配，通过configurable: false：

'use strict';
const fns = {};
Object.defineProperty(fns, 'myFunc', {
  configurable: false,
  value: () => {
    console.log('do something');
  }
});
const myFuncName = 'myFunc';
fns[myFuncName]();

// can't reassign property:
fns.myFunc = 'foo';