關於jQuery學習筆記之jQuery的分析

deep是布林值,表示是否進行深度合併,預設是false,不執行深度合併.

通過這種方式可以在jQuery或上新增新的屬性和方法,jQuery的其他模組大都是這麼實現的.

給jQuery新增擴充套件時用$nd()

如:nd({add:function(a,b){return a+b}})

使用:$(1,3)=====>4;

給jQuery例項物件新增擴充套件時用$nd();

$nd({gys:function(){$(this)("color","red")}});

呼叫:$("")();

因為引數的個數是不確定的,所以沒有列出可接受的具體引數.

options:指向某個源物件.

name:某個源物件的某個屬性名.

src:目標物件的某個屬性的原始值.

copy:某個源物件的某個屬性的.值

copyIsArray:指示copy是否是陣列

clone:深度複製時原始值的修正值.

target:目標物件.

i:源物件的起始下標.

length:引數的個數,用於修正變數target.

deep:是否執行深度複製.

333~338:如果第一個引數是布林值,則把target賦值給deep,target在重新獲取值,把第二個引數賦給target.

這個時候i值從一開始的1變成了2.表示源物件本來是從第二個元素開始的,現在變成了第三個元素了.這段程式碼結合

327行程式碼就知道為什麼會有這個if語句了.原來函式extend在執行的時候,不管引數情況如何,首先給target和i賦值.

然後再後面修正.

341~343:如果目標物件target不是物件,不是函式,則targeted={};

346~349:length和i相等時,表示沒有傳入objcet1,...之類的引數,

這個時候把this當前物件(jQuery或)作為目標物件,在把i減一.從而使傳入的物件當作源物件.

351行開始迴圈,i表示開始源物件的下標,是一個非常巧妙的用法.

353行也很精彩,它把獲取源物件和對源物件的判斷放在了一條語句中,只有源物件不為空時才會執行.

354~362行,變數src是原始值,變數copy是複製值.如果target和copy引用相同,為了遍歷時無窮迴圈,

因此不會覆蓋目標物件的同名屬性.如果註釋掉360行,下面的程式碼會出現異常.

var obj={};

obj.n1=obj;

$nd(true,obj,{n2:obj});

在不同瀏覽器中會出項不同的報錯,但是都無一例外的出現卡屏很久的現像.

365~372行,如果是深度合併,且複製copy是普通javascript物件或陣列,則遞迴合併.

378~380行,如果不是深度合併,並且copy不是undefined,則直接覆蓋目標物件的同名屬性.