JavaScript之面向对象.pptVIP

作用域链Scope-chain 执行环境 Scope-chain Window 活动对象 活动对象 … … [Active-Object, … …Window] 栈 入栈 创建执行环境?标识符解析?创建活动对象?分配作用域链?绑定this?执行 作用域链Scope-chain 示例： var name = “global”; function test(){ alert(name); //默认this指向window var name = “local”; alert(name); } test(); 第一次扫描：标识符解析[Active-Object:{name:undefinded},Window:{name:undefined}] 第二次扫描：执行期[Active-Object:{name:”local”},Window:{name:”global”}] 闭包 什么是闭包？ 如何构造闭包？ 闭包应用场景 闭包带来的内存泄漏问题 什么是闭包 闭包的官方解释：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数） 我的理解：所谓“闭包”，就是由在一个函数内部返回的一个变量，以及与被返回变量相关联的作用域链两者组成的对象集合，叫做闭包。 如何构造闭包 闭包构造的三部曲1. 在函数A内部定义一个变量B； 2. 在函数A内部返回变量B 3. 通过调用A得到B的引用，并定义变量C将B引用赋值给C，最后通过C调用B，从而得到B返回的作用域链中未释放的对象及属性。 闭包应用场景 1.使用闭包代替全局变量 2.实现缓存 3.回调函数传参 4.实现封装 使用闭包代替全局变量 实现缓存 回调函数传参 错误做法： 实现封装 使用闭包可以实现对象属性的封装，对象方法的封装同理。 闭包的经典案例 要求：点击每行时提示当前点击的是第几行 闭包的经典案例 错误做法： 为什么变量i一直都是trs.length的值呢 闭包的经典案例 正确做法： JavaScript继承 创建对象 var person = new Object(); person.name = “Eda”; person.age = 25; person.sayHello = function(){ alert(name + “:” + age); }; 缺陷：会产生大量重复的代码。 JavaScript继承 工厂模式function createPerson(name,age){ var o = new Object(); o.name = name; o.age = age; o.sayHello = function(){ alert(name + “:” + age); }; return o; } 优点：实现了代码复用，解决了相似对象的创建问题。缺陷：创建出来的对象都是Object类型，没有解决对象识别问题，即怎么知道一个对象是什么类型 JavaScript继承 构造函数模式var Person = function(name,age){ this.name = name; this.age = age; this.sayHello = function(){ alert(name + “:” + age); }; } var person = new Person(“eda”,25);alert(person instanceof Person; //true 优点：解决相似对象的创建问题以及对象识别问题；缺陷：对象的共用方法被重复创建 JavaScript继承 构造函数改进模式var Person = function(name,age){ this.name = name; this.age = age; this.sayHello = sayHello; }; } var sayHello = function(){ alert(this.name + “:” + this.age); }; 优点：解决了上个版本中的对象方法重复创建问题缺陷：对象方法暴露在全局作用域，性能不好，且没能很好体现面向对象的封装性 JavaScript继承 原型模式 function Person(){} Person.prototype = { const