Jquery源码学习（第一天）

Posted 2020-07-03 大 宝 章

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Jquery源码学习（第一天）相关的知识，希望对你有一定的参考价值。

jQuery是面向对象的设计
通过window.$ = window.jQuery = $; 向外提供接口，将$挂在window下，外部就可以使用$和jQuery

$("#div1").css() 　　//$("#div1")是jQuery的一个实例对象，css()是实例的方法【实例的方法只能jQuery对象使用】
$("#div1").html()

$.trim()
$.proxy() 　　　　 //工具方法，相当于静态方法，【jQuery对象和原生js对象都可以使用】

 

(function(window , undefined){
【1】jQuery源码采取闭包形式（匿名函数自执行），好处是里面的代码都是局部的，不会与外部冲突

【2】为什么要传入window？
1、根据函数作用域链，若没有传入window，就会一层一层向上查找window，而window对象是 最顶层的对象，查找速度就会非常慢，传入后，只需要查找参数即可
2、便于压缩，可以用w参数代表window对象，所有用到window的都是w，节约空间

【3】为什么传入undefined？
在某些浏览器版本中undefined可以被修改
var undefined = 10;
alert(undefined); //IE10弹出undefined，IE7 8弹出10
为防止undefined被修改，这里传入undefined，jQuery首先找到的是参数中传入的undefined，不会找到外层或被修改的undefined

【4】 　 <script>
　　　　　　　　"use strict" //严格模式不允许 a = 10 ; var num = 010 不规范的写法　　一般不推荐使用严格模式
　　　　　</script>

【5】jQuery(document)可以直接使用，但是jQuery将每一个对象都赋值给了一个变量

　　　　var rootJQuery = jQuery(document)这样做的原因：  jQuery(document)不可被压缩成一个字符，而rootJQuery可以

【6】 判断是不是undefined： window.a == undefined;　　  typeof window.a == ‘undefined‘ 用这个兼容IE6 7 8 9
})(window);

 

基本的面向对象的编程
function Aaa(){　　　　 //会自动生成Aaa.prototype.constructor = Aaa
}
Aaa.prototype.init = function(){};
Aaa.prototype.css = function(){};
var a1 = new Aaa();
a1.init();
a1.css();

两种为原型添加属性的方式比较：

一：
Aaa.prototype.name = ‘zz‘;
Aaa.prototype.age = ‘18‘
alert( a1.constructor ); //function Aaa(){}

二：

 //prototype被覆盖，其中的constructor : Aaa不再了，所以{}形式需要在里面加上constructor : Aaa,否则constructor是空的Object

Aaa.prototype = {name : ‘zz‘,age : ‘18‘};　　 
alert( a1.constructor ); //Object(){}

jQuery的设计思想：可以实现$().css()方式编程的原理
function jQuery(){
return new jQuery.prototype.init();
}
jQuery.prototype.init = function(){};
jQuery.prototype.css = function(){};
jQuery.prototype.init.prototype = jQuery.prototype; 　　//对象的引用关系，对象的原型是一个对象