面向对象JavaScript可维护代码编写研究.docVIP

面向对象JavaScript可维护代码编写研究 　　摘 要：本文从经典的面向对象编程的基本知识入手，通过分析JavaScript面向对象不一样的地方，进一步对如何能够写出可维护的面向对象的JavaScript 代码进行了相关研究。 　　关键词：面向对象；JavaScript；类；继承；重用 　　中图分类号：TP311.10 　　写出可维护的面向对象的JavaScript代码不仅节约时间，还让自已享受重用代码的过程。对于每一位从事JavaScript代码编写的人员来说，如何编写可重用的代码都成为其追求的目标。在开始探究如何编写可维护的面向对象JavaScript代码之前，先来看看什么是面向对象。 　　1 面向对象 　　面向对象编程主要通过代码代表现实世界中的实质对象。要创建对象，首先需要写一个“类”来定义。类可以代表所有的东西，而每次要创建对象的时候，就从类实例化一个对象。对象实质上是数据的容器，对象包括处理数据的函数（也叫“方法”）。方法被用作媒介来确保数据的完整性，以及在储存之前对数据进行转换。最后，类还可以继承其他的类，继承可以在不同类中重复使用相同代码。 　　2 JavaScript面向对象不一样 　　上面概述了经典的面向对象编程的基本知识。说经典是因为JavaScript并不遵循这些规则。相反地，JavaScript的类是写成函数的样子，而继承则是通过原型实现的。原型继承意味着使用原型属性来实现对象的继承，而不是从类继承。 　　2.1 对象的实例化 　　以下是 JavaScript 中对象实例化的例子： 　　// 定义 Employee 类 　　function Employee （num， fname， lname） {this.getFullName = function （） { 　　return fname + + lname；}}； 　　// 实例化 Employee 对象 　　var john = new Employee （4815162342， John， Doe）； 　　alert （The employees full name is + john.getFullName （））； 　　在这里，有三点要注意： 　　（1）“class”函数名的第一个字母要大写。表明该函数是被实例化。 　　（2）在实例化时使用了new操作符。 　　（3）因为getFullName指定给this操作符了，所以是公共的，但是fname和lname则不是。 　　2.2 原型继承 　　下面是JavaScript中原型继承的例子：// 定义Human类 　　function Human （） {this.setName = function （fname， lname） { 　　this.fname = fname； this.lname = lname； } 　　this.getFullName = function （） { 　　return this.fname + + this.lname； } } 　　// 定义 Employee 类 　　function Employee （num） {this.getNum = function （） {return num； }}； 　　//让 Employee 继承 Human 类 　　Etotype = new Human （）； 　　// 实例化 Employee 对象 　　var john = new Employee （4815162342）； 　　john.setName （John， Doe）； 　　alert （john.getFullName （） + s employee number is + john.getNum （））； 　　这次，创建的Human类包含人类的一切共有属性，将fname和lname放进去，因为不仅员工才有名字，所有人都有名字。然后将Human对象赋值给它的prototype属性。 　　2.3 通过继承实现代码重用 　　在上面的例子中，原来的Employee类被分解成两部分。所有的人类通用属性被移到了Human类中，然后让Employee继承Human。这样，Human里的属性就可以被其他对象使用，例如Student（学生），Client（顾客），Citizen（公民），Visitor（游客）等，这是分割和重用代码较好的方式。 　　2.4 Public（公有的）和Private（私有的） 　　根据对象中处理数据的方式不同，数据会被处理为私有的或者公有的。私有属性并不一定意味着其他人无法访问，只是某个方法需要用到。 　　2.5 只读 　　有时，只