我有字符串logo.cr.Button 和函数
logo.cr.Button = function(){
//something
}
var strg = 'logo.cr.Button';
strg();
现在我必须以某种方式将该字符串设为函数调用
喜欢strg();，但它在说
strg 不是构造函数
这里
【问题讨论】：
标签： javascript jquery angularjs jquery-ui
通常，当我们编写 JavaScript 函数时，生成的函数声明如下所示：
function demo() {
// function stuff here
}
您可能非常清楚“在 JavaScript 中，函数是一流的对象”。这是一个无处不在的短语，并且有充分的理由。这是一个非常强大的想法，它致力于将 JavaScript 提升到现在的位置。我们不会在这里详细介绍一流对象的细节。我们所关心的是，在 JavaScript 中，函数就是对象。 这意味着上面的函数也可以通过调用它的构造函数来声明：
var demo = new Function();
现在假设我们有一个带有参数和指令的函数：
function demo(name, age) {
console.log('my name is ' + name);
console.log('my age is ' + age);
}
现在将其转换为构造函数语法：
var demo = new Function(
"name,age",
"console.log('my name is ' + name);" +
"console.log('my age is ' + age);"
);
这很容易看出这两个函数是相同的，只是声明不同。重要的区别在于，我们应该能够轻松访问字符串。
这以非常相似的方式适用于您的函数。
var strfunc = new Function ("", "logo.cr.Button()");
我似乎无法格式化，因为我在移动设备上。但我会尽快的。
【讨论】：
eval 或new Function。一般来说，如果new Function 将访问此函数范围之外的变量，这是一个坏主意，因为如果您使用例如需要使用 transpilar 或缩小脚本。
eval 和 new Function 有同样的问题。两者都在运行时将字符串转换为代码。至此，每个转译器、缩小或 linting 脚本在处理代码时通常会忽略这些字符串。如果logo. 被转译器或缩小脚本重命名，则作为字符串给出的代码将不会更改并且会失败。因此，如果您使用eval 或new Function，那么您应该始终确保您不会访问在评估代码之外定义的变量。除非它保证即使在缩小或转换之后仍然存在。
使用 eval("logo.cr.Button")();
这将执行函数，当然如果你有这样的对象：
var logo = {
cr: {
}
};
【讨论】：
这不起作用，因为 JavaScript 认为您正在使用点表示法。当您编写 logo.cr.Button() 时，JavaScript 会在对象 cr 中查找函数 Button()，该函数位于对象 logo 中。
我建议把名字改成logoCrButton = function()...
【讨论】：
您可以使用eval，但不推荐。 安全问题只是原因之一，因为用户可能会利用eval 来执行不应该执行的不同代码。在this 问题中得到了充分的解释。
var logo={cr:{}};
logo.cr.Button = function(){
console.log("something");
}
var string = "logo.cr.Button()";
eval(string);如果您可以避免 eval，则使用普通的函数调用、对象或数组来代替。相反，与动态评估某些参数相比，遍历数组要好得多且更稳定，如您所见here。
第二个例子没有使用eval，但是你可以使用字符串调用某个函数：
var obj={logo:{cr:{Button:function(){console.log("something");}}}};
var string = "logo.cr.Button";
function callFunctionByString(string,obj){
var parts = string.split('.');
parts.forEach(function(part){
obj = obj[part];
});
obj();
}
callFunctionByString(string,obj);希望这会有所帮助。
【讨论】：