jQuery中extend函數的實現原理詳解_jquery

在jQuery的API手冊中，我們看到，extend實際上是掛載在jQuery和jQuery.fn上的兩個不同方法，盡管在jQuery內部jQuery.extend()和jQuery.fn.extend()是用相同的代碼實現的，但是它們的功能卻不太一樣。來看一下官方API對extend的解釋: 代碼如下:
jQuery.extend(): Merge the contents of two or more objects together into the first object.(把兩個或者更多的對象合并到第一個當中)
jQuery.fn.extend():Merge the contents of an object onto the jQuery prototype to provide new jQuery instance methods.(把對象掛載到jQuery的prototype屬性，來擴展一個新的jQuery實例方法)

我們知道，jQuery有靜態方法和實例方法之分, 那么jQuery.extend()和jQuery.fn.extend()的第一個區別就是一個用來擴展靜態方法，一個用來擴展實例方法。用法如下:

注意兩種調用插件的方式，一種是直接用$調用，另外一種是用$()調用，另外jQuery.extend()接收多個對象作為參數，如果只有一個參數，則把這個對象的屬性方法附加到jQuery上，如果含有多個參數，則把后面的對象的屬性和方法附加到第一個對象上。jQuery extend的實現源碼:

很大一堆代碼，乍看起來難以理解，其實代碼的大部分都是用來實現jQuery.extend()中有多個參數時的對象合并，深度拷貝問題，如果去掉這些功能，讓extend只有擴展靜態和實例方法的功能，那么代碼如下:

下面再來對extend方法進行注釋解釋:

弄懂了jQuery擴展的原理，相信以后再也不用為編寫jQuery插件而煩惱了。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com