Js构造函数、原型链、Ajax笔记.docxVIP

第 PAGE \* Arabic 1 页 This——运行时基于函数的执行环境绑定 全局函数：window 函数作为某个对象obj的方法调用：obj 匿名函数：全局性，通常指向window 修改this作用域：apply()、call()。 第一个参数为目标对象；第二个参数：apply接收参数数组，call接受参数值 闭包 定义：有权访问另一个函数作用域中变量的函数 实现：在一个函数内部创建另一个函数 变量：只能取得包含函数中任何变量的最后一个值，保存的是整个变量对象 （典型：for循环中的闭包总是返回最后一个循环的值，无法返回每次循环的值） 解决：在闭包内部再创建一个匿名函数 function aa(){ var result; for(var i=0;i10;i++){ result[i]=function(num){ //闭包 return function(){ //闭包中再创建一个函数 alert(num); } }(i); } } 块级作用域 (function(){ //块级作用域，其中的变量在执行结束后被销毁 })(); 创建对象 简单方式 var person = new Object(); = “LL”; person.age = 22; 问题：创建多个相似对象，大量重复代码 工厂模式 function Person (name,age){ var o = new Object(); = name; o.age = age; o.getName=function(){ alert(); } return o; } var person1 = new Person(“LL”,22); person1.getName() ; //”LL” 根据接受的参数来构建一个包含所有必要信息的Person对象，多次调用， 每次返回一个包含两个属性和一个方法的对象。 优点：解决了创建多个相似对象的问题 问题：对象识别的问题，即怎样知道一个对象的类型 解决：构造函数 构造函数模式 function Person(name,age){ = name; this.age = age; this.getName = function(){ alert(); }; } var person1 = new Person(“LL”,22); （1）与工厂模式比较 a.没有显示的创建对象； b.直接将属性和方法赋值给this对象； c.没有return语句； d.将实例标识为一种特定的类型（instanceof）； （2）构造函数与普通函数区别 a.习惯：构造函数始终一个大写字母开头，非构造函数以一个小写字母开头 b.唯一区别：调用方式不同，用new调用为构造函数，不用new为普通函数 （3）Constructor属性：标识对象类型 person1.constructor == Person; （4）Instanceof操作符：检测对象类型 person1既是Object的实例，也是Person的实例 person1 instanceof Object == true; person1 instanceof Person == true; （5）问题：每个方法都要在每个实例上重新创建一遍 解决：将方法定义在构造函数外部 新问题：方法很多——定义很多全局函数——自定义的类型无封装性 解决：原型模式 原型模式 function Person(){}; P = ”LL”; Ptptype.age = 22; Ptotype.getName = function(){ alert(); } var person1 = new Person(); person1.job = “doctor”; alert(); // “LL” （1）函数的prototype属性：指针，指向一个对象，该对象包含可以由特定类型的所有实例共享的属性和方法。 （2）与构造函数区别：不必在构造函数中定义对象实例的信息，将这些信息添加到原型对象中； （3）实例中访问的都是同一组属性和方法 （4）原型对象 a.函数的prototype（原型）属性：指向函数的原型对象 b.constructor（构造函数）属性：包含一个指向prototype属性所在函数的指针 Ptotype.constructor == Person; c.对象实例只可以访问保存在原型中的值，不可通过对象实例重写原型中的值 d.为对象实例添加一个属性时，可屏蔽原型对象中的同名属性，delet可以删除新添加的属性，重新访问原型中的属性值 （5）hasOwnProperty()——检测一个属性是在原型中