javascript - 覆盖jQuery插件的设置？

Question

我已经构建了一个这样的插件：

;(function ($,window,undefined){

  ...
  ...default settings area...
  ...content area...
  ...

})(jQuery,window);

但是这个插件可以有很多（！）配置。（文件配置）

所以每个配置文件都可以在一个js文件中。例子 ：

mySettings.js :

var mySetings= {a:1,b:2.....}

那么问题出在哪里：

• 设置文件必须在插件之前加载。（因此插件将能够mySettings 在覆盖设置区域中读取）

• mySettings与插件本身通信的唯一方法 是通过window对象

问题 ：

配置可以通过 js 文件进行许多（！）设置的插件的正确方法是什么。

Answer 1

由于我没有可使用的代码示例，因此我将为您提供一些通用的解决方案。

1. 在数组中收集设置对象并在覆盖设置区域内对其进行迭代。
2. 通过窗口公开您的插件并直接在此处附加设置。

示例 1

JS

//File 1.js
window.settings = window.settings || []; 
window.settings.push({a:'11'}); 

//File2.js
window.settings = window.settings || []; 
window.settings.push({b:'22', c:'33'}); 

//File3.js
window.settings = window.settings || []; 
window.settings.push({b:'222'}); 

//Main.js File
;(function ($,window,undefined){

    var plugin = function(settings){
        var defConfig = {
            a: '1', 
            b: '2',
            c: '3'
        }; 

        var len = settings.length, i; 

        if(len){
            for(i = 0; i < len; i++){
               defConfig = $.extend(defConfig, settings[i]); 
            }
        }else{
            defConfig = $.extend(defConfig, settings); 
        }

        alert(JSON.stringify(defConfig)); 
    }; 

    var instance = new plugin(window.settings || []); 

})(jQuery,window);

示例 2

//Main.js File
;(function ($,window,undefined){

    var plugin = function(){
        var defConfig = {
            a: '1', 
            b: '2',
            c: '3'
        }; 

        this.overrideSettings = function(settings){
            var len = settings.length, i; 

            if(len){
                for(i = 0; i < len; i++){
                   defConfig = $.extend(defConfig, settings[i]); 
                }
            }else{
                defConfig = $.extend(defConfig, settings); 
            }

            alert(JSON.stringify(defConfig)); 
        }
    }; 

    window.instance = new plugin(); 

})(jQuery,window);


//File 1.js
window.instance.overrideSettings({d:'93'}); 

//File2.js
window.instance.overrideSettings({b:'22222'});