使用 jQuery.extend 覆盖函数的原因可能是什么？

我正在寻找扩展引导插件的正确方法，并找到了这个答案：https://stackoverflow.com/a/12689534/1276032 https://stackoverflow.com/a/12689534/1276032

让我烦恼的是最后一部分——初始化覆盖。复制代码如下：

// override the old initialization with the new constructor
$.fn.modal = $.extend(function(option) {

    var args = $.makeArray(arguments),
        option = args.shift();

    return this.each(function() {

        var $this = $(this);
        var data = $this.data('modal'),
            options = $.extend({}, _super.defaults, $this.data(), typeof option == 'object' && option);

        if ( !data ) {
            $this.data('modal', (data = new Modal(this, options)));
        }
        if (typeof option == 'string') {
            data[option].apply( data, args );
        }
        else if ( options.show ) {
            data.show.apply( data, args );
        }
    });

}, $.fn.modal);

我不明白为什么在这种情况下使用 $.extend - 它是否有一些我看不到的效果？如果我执行这段代码：

var f1 = function(){console.log(1);};
var f2 = function(){console.log(2);};
var f2 = $.extend(f1,f2);
f2();

那么只有 1 被打印到控制台，并且 f1 等于 f2。所以看起来简单的分配就可以了，

$.fn.modal = function(option) {...}

但也许我错过了一些东西......

你需要改变这个：

$.fn.modal = $.extend(function(option) {
    // your code ...
}, $.fn.modal);

为了这：

$.extend($.fn.modal, function(option) {
    // your code ...
});

TL;DR

$.extend(a, b)复制内容b on a (修改其内容），如果有重复，则属性b遗迹。此外，它返回的值a.

所以，如果你有这个：

hello    = { unique_on_hello: 'hola',  message: 'hello message' }
world    = { unique_on_world: 'mundo', message: 'WORLD MESSAGE' }
response = $.extend(hello, world)

每一项的值将是：

hello    // {unique_on_hello: "hola", message: "WORLD MESSAGE", unique_on_world: "mundo"}
world    // {unique_on_world: "mundo", message: "WORLD MESSAGE"}
response // {unique_on_hello: "hola", message: "WORLD MESSAGE", unique_on_world: "mundo"}

所以，如果你这样做f2 = $.extend(f1,f2);是相同的:

$.extend(f1, f2) // Copy properties of f2 to f1
f2 = f1

Source: https://api.jquery.com/jquery.extend/ https://api.jquery.com/jquery.extend/