javascript - 如何调用对象文字中作为参数接收的方法

Question

我运行此代码没有任何错误:

(function(a, b){
return a.foo = {
    call: function(name, args) {
        this.myFunction.call(null, args)
    },
    myFunction: function(args) {
        console.log("myFunction has been called!");
        console.log(args);
    }
}

})(window, document);

foo.call('myFunction', ['arg1', 'arg2']);  

但是，如果我使用 this.name.call(null, args) 而不是 this.myFunction.call(null, args)，如下所示:

(function(a, b){
return a.foo = {
    call: function(name, args) {
        this.name.call(null, args)
    },
    myFunction: function(args) {
        console.log("myFunction has been called!");
        console.log(args);
    }
}

})(window, document);

foo.call('myFunction', ['arg1', 'arg2']);

我收到Uncaught TypeError:无法读取未定义的属性“call”错误。

如何从字符串参数调用函数？

提前致谢。

Answer 1

您需要使用括号获取属性:this[name].call(null, args)

这样你就可以访问对象foo的属性

(function(a, b){
return a.foo = {
    call: function(name, args) {
        this[name].call(null, args)
    },
    myFunction: function(args) {
        console.log("myFunction has been called!");
        console.log(args);
    }
}

})(window, document);

foo.call('myFunction', ['arg1', 'arg2']);

.as-console-wrapper { max-height: 100% !important; top: 0; }