jquery源碼----初步認識源碼

2024-04-27 15:18:54

字體：大中小

來源：轉載

供稿：網友

(function(window,undefined){ // 為什么要傳入window這個形參: // 1.其實是為了方便壓縮，如果形參是e,或者w,傳入window的話可以在閉包內部用w或者e代替window進行壓縮 // 2.為了提升查找速度,傳入不用去最底層去查找了 // 為什么傳入undefined: // 1.為了防止undefined被修改 // 如果外部 undefined = 10 ; undefined 會被修改 // 建議我們不要使用"use strict"; rootjquery, //文檔根目錄 rootjquery = jQuery(document); readyList, //與DOM加載有關后面會有解釋 core_strundefined = typeof undefined , //返回的是字符串"undefined" // 先來解釋“undefined” 和 undefined 的區別： // 如果是IE678下：如果是 xml對象的屬性的時候,window.a == undefined ;這種情況是錯誤的，不兼容 // 只能用這個：typeof window.a == "undefined" ; location = window.location, document = window.document, docElem = document.documentElement, //如果發生jquery，$變量發生沖突,權限讓渡的問題,后面會有仔細的講解 _jquery = window.jQuery, _$ = window.$, //$.type()方法有關,講$.type()的時候會詳解 //class2type = {'[Object String]' : 'string' , '[object Array]' : 'array'} class2type = {} ; //2.0.3版本前與數據存儲有關,2.0.3以后不用了 core_deletedIds = [], core_concat = core_deletedIds.concat, core_push = core_deletedIds.push, core_slice = core_deletedIds.slice, core_indexOf = core_deletedIds.indexOf, core_toString = core2type.toString, core_hasOwn = core2type.hasOwnPRoperty, core_trim = core_version.trim, //去前后空格 //.............................jquery函數........................................................................... 先來看我們用js寫面向對象: 1.寫個構造函數: function Person(){ } 2.添加原型屬性：先添加一個初始化方法：實現初始化 Person.prototype.init = function(){ }; Person.prototype.CSS = function(){ }; var person = new Person(); person.init(); person.css(); 但是，jquery是這樣寫的:注意看Jquery的調用方式的不同：他不是通過new一個對象來調用的,而是：jquery().css(); function jQuery(){ return new jQuery.prototype.init(); } //匹配數字：正負小數點科學計數法會在css方法里面講到 core_pnum = /[+-]?(?:/d/.|)/d+(?:[eE][+-]?/d+|)/.source, //空格 core_rnotwhite = //s+/g, //匹配標簽和 id 的形式 rquickExpr = /^(?:/s*(<[/w/W]+>)[^>]*|#([/w-]*))$/, rsingleTag = /^<(/w+)/s*//?>(?:<///1>|)$/, rmsPrefix = /^-ms-/, rdashAlpha = /-([/da-z])/gi, jQuery.prototype.init = function(){ } jQuery.prototype.css = function(){ } //也就是jQuery 和 jquery.prototype.init() 公用一個原型,那個由new jQuery.prototype.init()產生的對象的_proto_指針也指向這個原型對象， //這就解釋了為啥jquery的有些方法new jQuery.prototype.init()new的對象也能用，因為公用一個原型對象 jquery.prototype.init.prototype = jQuery.fn = jQuery.prototype;

上一篇：【Python】Centos7下部署Django（nginx+gunicorn）

下一篇：jsp + servlet 通過a 標簽下載文件