编写jQuery插件 - 多个实例化

Question

我有一个关于我的jQuery插件的局部变量的问题。 我很确定如果我在主jQuery函数寄存器之外声明它们，那么每次调用插件时它都会重新定义变量。

例：

(function($){
    jQuery.fn.test = function(options){
        if ( options ) { 
            $.extend( settings, options );
          }
        this.each(function(i,item){
            // do whatever i am going to do
        });

    };


    var settings = {
        value1: "hello",
        value2: "word"
    };
})(jQuery);

假设$(object).test({value1:'newterm'}); 被多次调用..我是否正确地认为每次调用该方法时，它都会覆盖最近声明的设置的设置？

如果我想要我的插件的多个实例，我是否需要在主jQuery.fn.test = function(){//here}方法的范围内声明所有内容？

Answer 1

是的，这是正确的，因为$.extend将修改settings这是暴露在封闭范围时，jQuery的初始化函数设置.test在全局对象jQuery的。 每次执行时，关闭范围都是相同的.test ; 因此，所有对象都将保留更改。

Answer 2

它取决于您将对象传递给$ .extend的顺序。 传递的第一个（目标）对象将被修改，在您的情况下是设置对象。 如果要保留默认值：

$.extend(options, settings);

或者获得一个全新的对象：

var newoptions = $.extend({}, options, settings);