jquery原始碼學習筆記二 jQuery工廠

2021-09-20 18:41:15 字數 1381 閱讀 6131

筆記一裡記錄,jquery的總體結構如下:

(function

( global, factory ) (typeof window !== "undefined" ? window : this, function

( window, noglobal ) ));

那麼這個生成jquery的工廠是咋樣的?

醬紫的:

function

( window, noglobal ) ;    /*然後,對這個內部jquery物件進行各種增強、擴充套件*/    jquery.fn = jquery.prototype = ;    jquery.extend = jquery.fn.extend = function

() ;    var init = jquery.fn.init = function

( selector, context, root ) ;    init.prototype = jquery.fn;    jquery.extend();    jquery.fn.extend();    if ( !noglobal )     return jquery;}

從工廠的**來看,$ 本質上是乙個函式,因此,我們才可以這樣引用:

$(

".class")

筆記一裡記錄,jquery的總體結構如下:

(function

( global, factory ) (typeof window !== "undefined" ? window : this, function

( window, noglobal ) ));

那麼這個生成jquery的工廠是咋樣的?

醬紫的:

function

( window, noglobal ) ;    /*然後,對這個內部jquery物件進行各種增強、擴充套件*/    jquery.fn = jquery.prototype = ;    jquery.extend = jquery.fn.extend = function

() ;    var init = jquery.fn.init = function

( selector, context, root ) ;    init.prototype = jquery.fn;    jquery.extend();    jquery.fn.extend();    if ( !noglobal )     return jquery;}

從工廠的**來看,$ 本質上是乙個函式,因此,我們才可以這樣引用:

$(

".class")

jQuery原始碼學習筆記系列 二

首先這是之前提到過的匿名函式的第二個實參,乙個函式,用於傳遞給之前的factory的形參,而factory在存在window變數的情況下,將會執行factory global 而這個global看第乙個實參表示式可以知道是this或者是window 當然,這裡會有差別,暫時不談 先撇開這,往下。首先...

jQuery原始碼學習筆記

整個jquery是乙個自呼叫的匿名函式 1 function global,factory 9return factory w 10 11 else 14 typeof window undefined window this,function window,noglobal 自呼叫函式大家都不陌生...

jquery原始碼學習筆記 01

jquery原始碼分析 文章的順序並不是按照特定的邏輯來編排的,只是自己看原始碼的時候碰到自己希望記錄的地方,就隨便寫點。merge 將第二個類陣列新增到第乙個類陣列的末尾 返回新的物件 我寫的陣列 但是jquery物件是乙個類陣列的物件 merge function first,second fi...