jquery總體架構
阿新 • • 發佈:2018-12-26
( function( global, factory ) { "use strict"; if ( typeof module === "object" && typeof module.exports === "object" ) { module.exports = global.document ? factory( global, true ) : function( w ) { if ( !w.document ) { throw new Error( "jQuery requires a window with a document" ); } return factory( w ); }; } else { factory( global ); } } )( typeof window !== "undefined" ? window : this, function( window, noGlobal ) { .... if ( !noGlobal ) { window.jQuery = window.$ = jQuery; } return jQuery; } );
它是一個自執行的函式,當引入jquery的時候它就會自動執行,並做一個初始化工作,
typeof window !== "undefined" ? window : this // 這是用來判斷當前執行環境,(瀏覽器、node)
if ( typeof module === "object" && typeof module.exports === "object" ) // 這是判斷當前環境是否支援模組化,模組化時jquery、$就不在是全域性變數
if ( !noGlobal ) { noGlobal 表示jquery是否要設定為 區域性變數 window.jQuery = window.$ = jQuery; // 根據需要把jquery、$設定為全域性變數 }
PS: 引入jquery.js時候就初始化$,並根據需要新增到全域性變數,當使用模組化程式設計時需注意它的作用域