extend带参default值的问题

最为普通的为下面这种

$.fn.myPlugin = function(options) {
    var defaults = {
        'color': 'red',
        'fontSize': '12px'
    };
    var settings = $.extend(defaults, options);//默认参数与用户设置的参数进行合并
    return this.css({
        'color': settings.color,
        'fontSize': settings.fontSize
    });
} 

但是暴露了一个问题 =》如何保护好默认参数：

注意到上面代码调用extend时会将defaults的值改变,这样不好,因为它作为插件因有的一些东西应该维持原样,另外就是如果你在后续

代码中还要使用这些默认值的话,当你再次访问它时它已经被用户传进来的参数更改了。

	一个好的做法是将一个新的空对象做为$.extend的第一个参数,defaults和用户传递的参数对象紧随其后,这样做的好处是所有值被合

并到这个空对象上,保护了插件里面的默认值。

$.fn.myPlugin = function(options) {
    var defaults = {
        'color': 'red',
        'fontSize': '12px'
    };
    var settings = $.extend({},defaults, options);//将一个空对象做为第一个参数，后面的参数，全部合在一个对象里面。
    return this.css({
        'color': settings.color,
        'fontSize': settings.fontSize
    });
 }