有没有办法用动态名称处理 javascript 函数？ [复制]

Question

我想在我的 javascript 代码中像这段代码一样以动态方式使用函数。

const function1 = (param) => {
    return "AA" + param
}
const function2 = (param) => {
    return "BB" + param
}
const function3 = (param) => {
    return "CC" + param
}

for (let i=1; i < 4; i++) {
    // call function1, 2, 3 with i
} 

我在python中也看到过类似这样的案例。

note1 = "note1"
note2 = "note2"
note3 = "note3"

for i in range(1, 4):
    print(vars()[f"note{i}"])

像这个python案例，有没有办法用动态名称处理javascript变量或函数？

Answer 1

你可以这样做：

在任何函数之外创建的任何函数，在非严格模式下，都会进入默认this（窗口）。因此，您可以使用window[ propertyName ] 访问它。但是，污染窗口对象是一种不好的做法。因此，更好的选择是将这些函数包装在自定义对象中，然后使用相同的语法来访问函数。

const function1 = (param) => {
    return "AA" + param
}
const function2 = (param) => {
    return "BB" + param
}
const function3 = (param) => {
    return "CC" + param
}


for (let i=1; i < 4; i++) {
    window[`function${i}`](i);
}

参考：

• Is setting properties on the Window object considered bad practice?