javascript - 运行自定义函数 - settings.func 不是函数

Question

我写了一个 jQuery 插件，我想像这样调用一个自定义函数...

(function($) {

    $.fn.testPlugin= function(options) {

        var settings = {
            func: null
        };

        if (options) {
            $.extend(settings, options);
        }

        settings.func();
    };

})(jQuery);

在这种情况下，我想运行 doSomething 函数。

$(document).ready(function(){       

    $('div').testPlugin({
        func: 'doSomething'
    });

});

function doSomething() {
    alert('hello');
}

我总是得到错误 settings.func is not a function 所以我不得不使用:

eval(settings.func+"()");

代替:

settings.func();

这不理想!我为什么会得到这个有什么想法吗？

Answer 1

因为您要将字符串分配给 settings.func，而不是函数。字符串永远不是函数，即使它们包含函数的名称。

然而，函数是一等公民，这意味着您可以像使用任何其他变量一样使用它们，将它们分配给变量或将它们作为参数传递给其他函数。变化:

$('div').testPlugin({
    func: 'doSomething'
});

到

$('div').testPlugin({
    func: doSomething
});

它应该可以工作。