JavaScript之继承和prototype

JavaScript的所有类（也就是函数）都有一个prototype属性，当我们为JavaScript类的prototype属性增加函数、属性时，则可视为对原有类的扩展。我们可以理解为：增加了prototype属性的类继承了原有的类——这就是JavaScipt所提供的伪装继承机制。看下面的程序。

<script type="text/javascript">// 定义一个Person函数，同时也定义了Person类function Person(name , age){// 将局部变量name、age赋值给实例属性name、agethis.name = name;this.age = age;// 使用内嵌的函数定义了Person类的方法this.info = function(){document.writeln("姓名：" + this.name + "<br />");document.writeln("年龄：" + this.age + "<br />");}}// 创建Person的实例p1var p1 = new Person('yeeku' , 29);// 执行Person的info方法p1.info();// 此处不可调用walk方法，变量p还没有walk方法// 将walk方法增加到Person的prototype属性上Person.prototype.walk = function(){document.writeln(this.name + '正在慢慢溜达...<br />');}document.writeln('<hr />');// 创建Person的实例p2var p2 = new Person('leegang' , 30);// 执行p2的info方法p2.info();document.writeln('<hr />');// 执行p2的walk方法p2.walk();// 此时p1也具有了walk方法——JavaScript允许为类动态增加方法和属性// 执行p1的walk方法p1.walk();</script>

运行结果：

除此之外，通过prototype属性，可以对JavaScript的内建类进行扩展。下面是对Array增加了indexof方法，该方法用于判断数组是否包含了某个元素。

<script type="text/javascript">// 为Array增加indexof方法，将该函数增加到prototype属性上Array.prototype.indexof = function(obj){// 定义result的值为-1var result = -1;// 遍历数组的每个元素for (var i = 0 ; i < this.length ; i ++){// 当数组的第i个元素值等于obj时if (this[i] == obj){// 将result的值赋为i，并结束循环。result = i;break;}}// 返回元素所在的位置。return result;}var arr = [4, 5, 7, -2];// 测试为arr新增的indexof方法alert(arr.indexof(-2));</script>

执行结果：

尽量避免使用内嵌函数为类定义方法，而该使用增加prototype属性的方法来增加方法。通过prototype属性来为类动态地增加属性和方法会让程序更加安全，性能更加稳定。