Javascript - 使用 window[funcName] 时如何运行导入的函数？

Question

我有一个像这样导入的函数:

import { myFunc } from './myFunc.js';

我尝试使用字符串作为函数名称来运行此函数(字符串的内容可能会更改):

let fnStr = "myFunc";
let fn = window[fnStr];
fn();

但是，window[fnStr]找不到导入的函数。

Answer 1

您不需要，因为它们不是全局对象的属性(通过浏览器上的 window 引用)。它们根本不是全局变量。这是一件好事。™:-)

您可以使用这些函数创建自己的对象，然后使用它:

import { myFunc } from './myFunc.js';

const funcs = {
    myFunc
};

用法:

let fnStr = "myFunc";
let fn = funcs[fnStr];
fn();

<小时/>

如果您有多个这样的函数，您可能希望将它们导出到一个对象上，而不是作为单独的绑定(bind)，例如:

myFuncs.js:

function myFunc() {
    // ...
}
function myOtherFunc() {
    // ...
}

export default {myFunc, myOtherFunc};

然后

import funcs from './myFuncs.js';

let fnStr = "myFunc";
let fn = funcs[fnStr];
fn();