>[success] # jq 細節 ~~~ // 檢測當前運行JS的環境是否支持window「Node環境下運行 g-->global/模塊」 var g = typeof window !== "undefined" ? window : this; var factory = function factory(window, noGlobal) { // webpack : window-->window noGlobal-->true // 瀏覽器(webview): window-->window noGlobal-->undefined "use strict"; var version = "3.6.0", jQuery = function (selector, context) { return new jQuery.fn.init(selector, context); }; // ...... //=====================沖突處理 // 場景 // <script src='zepto.js'></script> // window.$=Zepto; // <script src='jquery.js'></script> // var _$=window.$; // _$===Zepto // jQuery.noConflict = function (deep) {} // // window.$=jQuery; // JQ搶了Zepto對$的使用權，此時需要轉讓使用權 let jj=$.noConflict()，后期 jj 代表的是就是JQ var _jQuery = window.jQuery, _$ = window.$; jQuery.noConflict = function (deep) { if (window.$ === jQuery) { window.$ = _$; } if (deep && window.jQuery === jQuery) { window.jQuery = _jQuery; } return jQuery; }; //=====================導出API // 讓其支持AMD模塊規范 if (typeof define === "function" && define.amd) { define("jquery", [], function () { return jQuery; }); } // 如果直接在瀏覽器（webview）中基于 <script src='jquery.js'> 導入的JQ，我們在全局對象中暴露 “jQuery | $” if (typeof noGlobal === "undefined") { window.jQuery = window.$ = jQuery; } // 在webpack中運行，則基于module.exports=jQuery，讓其支持CommonJS規范 return jQuery; }; (function (global, factory) { // 瀏覽器(webview & webpack):global-->window // NODE環境:global-->global/模塊 "use strict"; if (typeof module === "object" && typeof module.exports === "object") { // 當前環境支持CommonJS規范：NODE & webpack module.exports = global.document ? // global-->window 說明是運行在webpack環境中的 factory(global, true) : // 說明在NODE環境下運行 “JQ不支持NODE環境下運行” function (w) { if (!w.document) { throw new Error("jQuery requires a window with a document"); } return factory(w); }; } else { // 瀏覽器(webview) factory(global); } })(g, factory); ~~~