一行一行死磕jQuery源码(第一天 1-200行)

快来打我* 2022-01-26 15:47 108阅读 0赞

Jquey源码共1W600多行，今天开是看第一天

( function( global, factory ) { 
    	
    // { 
    // global 这个是 Windows对象
    // factory 浏览器信息
    // }
    // console.log(global)
    // console.log(factory)
    
    
    	//使用严格模式
    	"use strict";
    
    	if ( typeof module === "object" && typeof module.exports === "object" ) { 
    
    		//对于commonjs和类似commonjs的环境，在这些环境中`
    		//存在，执行工厂并获取jquery。
    		//对于没有“window”和“document”的环境`
    		//（例如node.js），将工厂公开为module.exports。
    		//这突出了创建真正的“窗口”的需要。
    		//例如var jquery=require（“jquery”）（window）；
    		//更多信息请参见票据14549。
    		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 ) { 
    
    // 边缘< = 12 + Firefox＜＝18—45＋10～11，IE，Safari 5.1 9 + 6 9.1凹陷
    // 当把exceptions /非严格的代码（例如，ASP.NET 4.5）accesses严格模式
    // arguments.callee.caller（调拨- 13335）。但在jQuery 3.0（2016年），严格的模式应该是普通
    // 了，全是这样的attempts guarded试图在一块。
    
    "use strict";
    
    var arr = [];
    //获取document
    var document = window.document;
    var getProto = Object.getPrototypeOf;
    
    //往arr里面赋值并定义
    var slice = arr.slice;
    var concat = arr.concat;
    var push = arr.push;
    var indexOf = arr.indexOf;
    
    var class2type = { };
    var toString = class2type.toString;
    var hasOwn = class2type.hasOwnProperty;
    var fnToString = hasOwn.toString;  // fn对象转字符串 out：$.fn.fnToString
    var ObjectFunctionString = fnToString.call( Object );
    var support = { };
    
    // 是否是一个Function，Object 如果是的返回true，不是返回false
    var isFunction = function isFunction( obj ) { 
    
          // 支持: Chrome <=57, Firefox <=52
          // 在一些浏览器中, typeof returns "function" for HTML <object> elements
          return typeof obj === "function" && typeof obj.nodeType !== "number";
      };
    
    
    // 是否是一个windows对象，在浏览器里面console里面输入 $.isWindow(this) 返回true，输入其他一律返回false
    var isWindow = function isWindow( obj ) { 
    		return obj != null && obj === obj.window;
    };
    
    	//保留脚本属性
    	var preservedScriptAttributes = { 
    		type: true,
    		src: true,
    		nonce: true,
    		noModule: true
    	};
    
    
    	function DOMEval( code, node, doc ) { 
    		doc = doc || document;
    		var i, val,
    			script = doc.createElement( "script" );
    		script.text = code;
    		if ( node ) { 
    			for ( i in preservedScriptAttributes ) { 
    				// 支持: Firefox 64+, Edge 18+
    				//某些浏览器不支持脚本上的“nonce”属性。
    				//另一方面，仅仅使用“getAttribute”还不够
    				//每当“nonce”属性被重置为空字符串时，
    				//成为浏览上下文连接。
    				//参见https://github.com/whatwg/html/issues/2369
    				//请参见https://html.spec.whatwg.org/nonce属性
    				//添加了“node.getattribute”检查是为了
    				//` jquery.globaleval`以便它可以伪造包含nonce的节点
    				//通过对象。
    				val = node[ i ] || node.getAttribute && node.getAttribute( i );
    				if ( val ) { 
    					script.setAttribute( i, val );
    				}
    			}
    		}
    		doc.head.appendChild( script ).parentNode.removeChild( script );
    	}
    
    
    function toType( obj ) { 
    	if ( obj == null ) { 
    		return obj + "";
    	}
    
    	// Support: Android <=2.3 only (functionish RegExp)
    	// 安卓版本小于2.3的只支持正则表达式
    	return typeof obj === "object" || typeof obj === "function" ?
    		class2type[ toString.call( obj ) ] || "object" :
    		typeof obj;
    }
    /*全局符号*/
    //在.eslintrc.json中定义此全局将产生使用全局的危险
    //在另一个地方没有保护，只为这个模块定义全局似乎更安全
    
    
    // 开始定义Jquey
    var 
    	version = "3.4.1",  //jQuery版本号
    
    	//定义jquery的本地副本
    	jQuery = function( selector, context ) { 
    
    		//jquery对象实际上只是init构造函数“enhanced”
    		//如果调用jquery，则需要init（如果不包括，则只允许抛出错误）
    		return new jQuery.fn.init( selector, context );
    	},
    
    	//支持：仅Android<=4.0
    	//确保我们调整了BOM和nbsp
    	rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
    
    jQuery.fn = jQuery.prototype = { 
    
    	//当前使用的jquery版本
    	jquery: version,
    
    	constructor: jQuery,
    
    	//jquery对象的默认长度为0
    	length: 0,
    
    	toArray: function() { 
    		return slice.call( this );
    	},
    
    	// 把n元匹配的元素上。
    	//get 全匹配的元素上，作为一个干净的阵列
    	get: function( num ) { 
    
    		//返回干净数组中的所有元素
    		if ( num == null ) { 
    			return slice.call( this );
    		}
    
    		//只返回集合中的一个元素
    		return num < 0 ? this[ num + this.length ] : this[ num ];
    	},
    
    	//获取元素数组并将其推送到堆栈中
    	//（返回新的匹配元素集）
    	pushStack: function( elems ) { 
    
    		// 建立一个新的jQuery的匹配
    		var ret = jQuery.merge( this.constructor(), elems );
    
    		// 将旧对象添加到堆栈中（作为引用）
    		ret.prevObject = this;
    
    		// 返回新形成的元素集
    		return ret;
    	},
    
    	// 对匹配集中的每个元素执行回调。
    	each: function( callback ) { 
    		return jQuery.each( this, callback );
    	},
    
    	map: function( callback ) { 
    		return this.pushStack( jQuery.map( this, function( elem, i ) { 
    			return callback.call( elem, i, elem );
    		} ) );
    	},
    
    	slice: function() { 
    		return this.pushStack( slice.apply( this, arguments ) );
    	},
    
    	first: function() { 
    		return this.eq( 0 );
    	},
    
    	last: function() { 
    		return this.eq( -1 );
    	},
    
    	eq: function( i ) { 
    		var len = this.length,
    			j = +i + ( i < 0 ? len : 0 );
    		return this.pushStack( j >= 0 && j < len ? [ this[ j ] ] : [] );
    	},
    
    	end: function() { 
    		return this.prevObject || this.constructor();
    	},
    
    	//仅供内部使用。
    	//行为类似于数组的方法，而不是jquery方法。
    	push: push,
    	sort: arr.sort,
    	splice: arr.splice
    };