Javascript从字符串动态调用对象方法

94

我可以动态调用以方法名称为字符串的对象方法吗？我会这样想：

var FooClass = function() {
    this.smile = function() {};
}

var method = "smile";
var foo = new FooClass();

// I want to run smile on the foo instance.
foo.{mysterious code}(); // being executed as foo.smile();

— Mikulas Dite
source

211

如果属性名称存储在变量中，请使用 []

foo[method]();

— 卡罗莉·霍瓦斯
source

1

在函数内使用变量对我不起作用：const genericResolver =（table，action，values）=> {return Auth.isAuthenticated（）.then（（）=> {return eval（table）.findAll（）

— stackdave

如果要从类中的另一个方法执行一个方法，请使用this ['methodName']（）。

— schlingel

2

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'FooClass'别人收到这个丑陋的错误吗？

— 阿南·洛克兹（Annand Rockzz），

33

可以通过数组符号访问对象的属性：

var method = "smile";
foo[method](); // will execute the method "smile"

— 迪迪埃·高斯（Didier Ghys）
source

3

可以用eval调用方法 eval("foo." + method + "()"); 可能不是很好的方法。

— 哈科瓦拉
source

在我foo现在{ fields: [{ id: 1 }] }和method现在的情况下很有用fields[0]?.id，但我不得不()从您的建议答案中删除

— Rorrim

3

当我们在对象内部调用函数时，我们需要以String的形式提供函数的名称。

var obj = {talk: function(){ console.log('Hi') }};

obj['talk'](); //prints "Hi"
obj[talk]()// Does not work

— 锡
source

2

在代码中提供一些注释总是很有帮助的，因此可以在上下文之外理解它。

— Phil Cooper

添加了一些评论。谢谢！

— SN

-1

我想在这里留下一个例子。例如; 我想在提交表单时调用动态检查方法。

<form data-before-submit="MyObject.myMethod">
    <button type="submit">Submit</button>
</form>

$('form').on('submit', function(e){

    var beforeSubmit = $(this).attr('data-before-submit');

    if( beforeSubmit ){

       params = beforeSubmit.split(".");
       objectName = params[0];
       methodName = params[1];

       result = window[objectName][methodName]($(this));

       if( result !== true ){
           e.preventDefault();
       }

    }

});

var MyObject = {
    myMethod = function(form){
        console.log('worked');
        return true;
    }
};

— 艾哈迈迪
source