JavaScript程序设计教程 作者 李林 施伟伟 第3章 JavaScript面向对象编程.pptVIP

第3章 JavaScrip面向对象编程 JavaScript是一门基于对象的语言，实际上JavaScript中的一切都是对象。 3.1 JavaScript语言特性 函数是在JavaScript中实现面向对象编程的基础，此外apply、call等JavaScript语言特性也在JavaScript面向对象编程中起到了重要作用。 另外，闭包（也称匿名函数）的概念在JavaScript面向对象编程中得到了广泛的应用，它也是理解各类JavaScript开发框架实现原理的基础。 3.1.1 JavaScript中的函数 1．arguments、callee和caller属性 在函数调用过程中，我们可以通过arguments属性访问函数的输入参数，arguments参数是由脚本解释器自动创建的，不能手工创建或者修改。 arguments属性可以看作是一个Array对象，它具有length属性，可以通过序号访问每一个参数。 但是它并不是真正的Array对象，它不具备Array对象的join、shift等方法，而且它还具有自己独有的属性callee。 通过callee属性可以获取对正在执行的函数对象的引用。 例3-1是arguments和callee属性的应用示例。 【例3-1】 arguments和callee属性的应用 【例3-2】 callee和caller属性的应用 2．函数对象的多重身份 函数对象是JavaScript中一个很特殊的对象，其特殊性体现在它的多重身份上，请看例3-3的代码。 【例3-3】 Function对象应用示例 function关键字可以声明普通的函数，这一点和其他语言中函数的概念是相同的。 除此以外，它还可以用于类的声明和实现、对象的构造函数以及类引用。 例3-3中通过function关键字声明了Flower类，并且通过this关键字声明了两个属性name和color；然后在创建obj对象时，Flower ()又起到了对象构造函数的作用；最后的代码中使用instanceof关键字判断obj对象是否是Flower类的实例，此时Flower又起到了类引用的作用。 3.1.2 apply和call方法 apply方法和call方法都可以将函数绑定到其他对象上执行，区别在于调用参数形式的不同，apply方法通过数组形式传入函数的调用参数，而call方法使用逗号分隔的参数列表。 调用apply方法和call方法的语法如下所示： apply([thisObj[,argArray]]) call([thisObj[,arg1[,arg2[,[,.argN]]]]]) 例3-4说明了两者的区别。 【例3-4】 apply和call方法示例 3.1.3 this关键字 在JavaScript的对象系统中，this关键字常用于两种地方： （1）在构造器函数中，指代新创建的对象实例； （2）在对象的方法被调用时，指代调用该方法的对象实例。 如果一个函数被当作普通函数（而不是对象方法）调用，那么在函数中的this关键字将指向window对象。 当然如果this关键字不在任何函数中，那么它也指向Global对象。 3.1.4 使用for (… in …) for (… in …)语句可以遍历对象的所有属性和方法，例3-5所示的代码就遍历了Car对象的属性和方法，如果是属性则输出属性值，如果是方法则执行方法。 【例3-5】 for (… in …)示例 3.1.5 闭包 所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。 关于闭包，最简单的描述就是 ECMAScript 允许使用内部函数，即函数定义和函数表达式位于另一个函数的函数体内。 而且，这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。 例3-6所示是一个使用闭包的示例。 【例3-6】 闭包示例 3.2 JavaScript面向对象编程实现 面向对象编程的基本要素是封装、继承和多态，下面介绍在JavaScript中实现这些特性的方法。 3.2.1 类的声明 在JavaScript中可以使用如下的方式进行类的声明。 function ClassA() {