jqeury源码之变量解析

Posted 2020-10-16 watson

(function(window, undefined) {

　　(21，94) ：定义了一些变量和函数 jQuery = function() {};

　　{

　　　　rootjQuery ：等于jQuery(document)

　　　　readyList ：DOM遍历

　　　　_jQuery = window.jQuery; // 防冲突

　　　　_$ = window.$; // 防冲突

　　　　class2type: {}; // $.type() 时用到，判断变量类型

　　　　core_deletedIds = []; // 2.x之前与数据存储相关，2.x版本之后基本没有作用了

　　　　

　　　　// 返回一个对象

　　　　jQuery = function(selector, context){

　　　　　　return new jQuery.fn.init(selector, context, rootjQuery);

　　　　}

 

　　　　【未完待续...】

 

　　}

})(window)

 

【知识点梳理】

1、jQuery原型应用解析，即jQuery构造函数分析

function jQuery() {

　　return new jQuery.prototype.init();

}

jQuery.prototype.init = function(){};

jQuery.prototype.css = function(){};

jQuery.fn = jQuery.prototype; // 源码96行

jQuery.fn.init.prototype = jQuery.fn; // 源码283行

// 调用方式

jQuery().css();

 

【小知识点梳理】

1、变量的使用

a = a + 10;  // 不推荐

var speed = 10; a = a + speed; // 推荐用法

2、判断 undefined

window.a === undefined; // 不推荐

typeof window.a === ‘undefined‘; // 推荐

3、window.document === document; // true

　  docElem = document.documentElement; // ???