在JS中使用字符串调用函数

Question

我有一个对象数组，例如这个对象:

new: {
name: 'New',
image: <LightningFilter style={styles.queryImage}/>,
selectedImage: <LightningWhiteFilter style={styles.queryImage}/>,
dataFunc_Chefs: getNew_Chefs,
dataFunc_Recipes: getNew_Recipes,
},

，我有一个变量来检查我选择的是厨师还是食谱我想做的是，例如，如果厨师被选中调用dataFunc_Chefs我怎么用字符串做到这一点呢?

例如，我想把它命名为:

var category = 'Chefs';
`new.dataFunc_${category}()`

我知道这行不通，但这就是我的意思

我知道我可以使用if和else检查变量并相应地调用函数，但是假设我有很多函数我该如何实现呢

Answer 1

希望这是你正在寻找的。

你只需要使用字符串字面量从你的对象访问dataFunc_Chefs对象。

function getNew_Chefs() {
console.log('getNew_Chefs executed');
}
function getNew_Recipes() {
console.log('getNew_Recipes executed');
}
const myObj = {
name: 'New',
dataFunc_Chefs: getNew_Chefs,
dataFunc_Recipes: getNew_Recipes,
}
var category = 'Chefs';
myObj[`dataFunc_${category}`]()