Javascript - 如何使用窗口[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(); 

---

如果您有幾個這些功能，您可能希望將它們導出爲對象而不是單個綁定，例如：

myFuncs.js：

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

export default {myFunc, myOtherFunc}; 

然後

import funcs from './myFuncs.js'; 

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