jQuery及源码解读.pptx

jQuery源码解读背景帮助大家理解jQuery的基本运作方式，使具备jQuery及相关插件源码的基本阅读能力。以了解js基本语法和面向对象概念为前提编写。Ask For More——渴望无限Javascript面向对象JQuery中大量用到了面向对象的概念，在学习jQuery源码之前，必须先了解javascript如何实现面向对象。Ask For More——渴望无限function class1(){ //类成员的定义及构造函数 } 这里class1既是一个函数也是一个类。作为函数，它可以理解为类的构造函数，负责初始化的工作。定义一个类Ask For More——渴望无限var obj1 = new class1(); 所有的函数都可以用new来操作,在JavaScript中，函数和类就是一个概念，当new一个函数时，就会返回一个对象。获得一个类的实例Ask For More——渴望无限(function( window, undefined ) {})(window);最后一个括号表示用参数window立即运行此函数。第一个括号表示这是一个匿名函数。匿名函数Ask For More——渴望无限{property1:statement,property2:statement2,…,propertyN:statmentN}JavaScript中的对象其实就是属性（方法）的一个集合，并没有严格意义的类的概念。所以它提供了另外一种简单的方式来创建对象。无类型对象Ask For More——渴望无限两种等价的引用形式对象名[“属性（方法）名”] var arr = new Array(); //为数组添加一个元素 arr[“push”](“abc”); //获得数组的长度 var len = arr[“length”]; //输出数组的长度 alert(len); 对象名.属性（方法）名 var arr = new Array(); //为数组添加一个元素 arr.push( “abc”); //获得数组的长度 var len = arr.length; //输出数组的长度 alert(len); 引用对象的静态属性和方法Ask For More——渴望无限静态属性（方法）的动态添加、修改和删除添加、修改属性user.name = ”jack”;添加、修改方法user.alert = function(){alert(“my name is:” + this.name);}删除属性和方法user.name = undefined;user.alert = undefined;Ask For More——渴望无限prototype对象function class1() {}// 定义object的实例方法。class1.prototype.method = function() {alert(method);}var object1 = new class1();object1.method();// 覆盖class1对象的成员定义。class1.prototype = {prop : prop};// 重新实例化对象才可使用prop属性。object1 = new class1();// 重新实例化的对象没有method方法。// object1.method(); alert(object1.prop);prototype表示一个类的成员集合，当类被实例化时，当前prototype对象所有成员都将赋给该实例化对象，成为该对象的非静态属性或方法，且不受之后prototype对象变化的影响。Ask For More——渴望无限Function对象function myFunction(a,b){return a+b;}var myFunction = new Function(a,b,return a+b);alert(typeof(Function)); alert(typeof(new Function())); alert(typeof(Array));alert(typeof(new Array()));functionobject函数的本质是一个内部对象Ask For More——渴望无限Function的隐含参数argumentsarguments对象存储了实际传递给函数的参数，它并不是一个数组对象，但是具有数组一样的访问性质，可以用arguments[index]这样的语法取值，拥有数组长度属性length。arguments对象的另一个属性是callee，它表示对函数对象本身的引用，这有利于实现无名函数的递归或者保证函数的封装性。var sum = function(n){if(1==n) return 1;els