javascript - jquery中的扩展函数

Question

我是查询新手，试图了解下面的插件函数在做什么，但不清楚。

var pluginName = 'Widgets';

function Plugin(element, options) {
    /**
     * Variables.
     **/
    this.obj = $(element);
    this.o = $.extend({}, $.fn[pluginName].defaults, options);
    this.objId = this.obj.attr('id');
    this.pwCtrls = '.jarviswidget-ctrls'
    this.widget = this.obj.find(this.o.widgets);
    this.toggleClass = this.o.toggleClass.split('|');
}

如果有精通 Jquery 的人能够一步一步解释它，我将非常感激。

提前谢谢您。

问候，莫娜

Answer 1

jQuery 的 $.extend将两个或多个对象的内容合并到第一个对象中。

换句话说，它需要一个具有插件默认设置的对象，然后获取作为选项传入的对象，并将它们连接在一起，以便选项覆盖默认值。

示例

var defaults = {
    setting1 : '2',
    setting2 : true
}

function plugin(options) {
    var settings = $.extend({}, defaults, options);

    /* settings now contain

    {
        setting1: '2',
        setting2: false
    }
    */
}

plugin({
    setting2: false // this is the options, they change the default settings
});

Plugin 函数本身似乎是某种用于构建插件的小部件的一部分，它只是为实例设置了一些常规设置。