如何使用 jquery 扩展插件中的公共方法？

Question

如何使用 jquery 扩展插件中的公共方法？

$.fn.myPluginName = function(PublicOptions) {

    // Remember the root assigned object.
    var Root = this;

    // Set private defaults.
    var Defaults = {
        param1:       'param1',
        param2:       'param2',
        onSuccess:    function(){}
    };

    // Do a deep copy of the options - http://goo.gl/gOSSrg
    var Options = $.extend(true, {}, Defaults, PublicOptions);

    // Private debug function.
    function log(msg) {
        console.debug(msg);
    }

    // Define the public api and its public methods.
    var PublicApi = {

        method1 : function (PublicOptions) {

            return "extended method 1";
        },
        method2 : function (PublicOptions) {

            return "extended method 2";
        }
    };

    // Return the PublicApi object.
    return PublicApi;
};

我想把它们放在var PublicApi = {}里面的扩展方法

var extensionMethods = {

   method3: function(){
       return "extended method 3";
   },

   method4: function(){
       return "extended method 4";
   }
};

目前，对于console.log($(this).myPluginName());，

Object {method1=function(), method2=function()}

但如果我可以将方法扩展到，那将是理想的，

Object {method1=function(), method2=function(), method3=function(), method3=function()}

有可能吗？

Answer 1

您可以将对象传递给插件，只需稍加修改代码即可

$.fn.myPluginName = function(extMethods){
    //(...) Some code here
    PluginApi = { ... }   // your default methods go here
    if(typeof extMethods == "object"){
       for(var key in extMethods)
           PluginApi[key] = extMethods[key];
    }
}

if 块所做的是，它检查提供的参数是否是一个对象，然后使用 for...in 循环将方法添加到 PluginApi 的属性名称。

你可以打电话给$(this).myPluginName(extensionMethods);