javascript - 从 jquery 插件中调用函数

Question

我正在编写我的第一个 jquery 插件，想知道从插件中引用另一个函数的正确/最佳实践方法是什么？有没有更好的方法在我的插件脚本中定义 bar。它应该在 function($) 内吗？我还希望脚本中的其他插件可以使用它。

function bar() {
    return 'is this best paractice?';
}

(function($) {
    $.fn.foo = function() { 
        alert(bar());
    };
}(jQuery));

为什么这样的东西不起作用:

(function($) {
    $.fn.bar = function() {
        return 'is this best paractice?';
    };
}(jQuery));

(function($) {
    $.fn.foo = function() { 
        alert(bar());
    };
}(jQuery));

谢谢

Answer 1

添加到 $.fn 的函数将用作 jQuery 插件。如果你只想从你的插件中提供一个全局函数，你可以直接将它添加到 $ (例如 $.bar = function() ...)。

如果你只是想在你的插件内部使用这个函数，把它放在 function($) 中。这样你就可以让它只在那个范围内可用(匿名函数)而不是在任何地方。