JavaScript之继承和prototype

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

<script type="text/javascript">
	// 定义一个Person函数，同时也定义了Person类
	function Person(name , age)
	{
		// 将局部变量name、age赋值给实例属性name、age
		this.name = name;
		this.age = age;
		// 使用内嵌的函数定义了Person类的方法
		this.info = function()
		{
			document.writeln("姓名：" + this.name + "<br />");
			document.writeln("年龄：" + this.age + "<br />");
		}
	}
	// 创建Person的实例p1
	var 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的实例p2
	var 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的值为-1
		var 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属性来为类动态地增加属性和方法会让程序更加安全，性能更加稳定。