《悟透JavaScript》学习札记九之初看原型

JavaScript的所有function类型的对象都有一个prototype属性。这个属性本身又是一个object类型的对象，可以给其添加任意的属性和方法。既然prototype是对象的“原型”，那么由该函数构造出来的对象都会有这个“原型”的特性。也可以这么说，prototype提供了一群同类对象共享属性和方法的机制。

示例代码：

<script type="text/javascript">
function Person(name)
{
this.name = name;
};
Person.prototype.SayHello = function() // 给Person函数的prototype添加SayHello方法
{
alert("Hello, I'm " + this.name);
};
var Kevin = new Person("Kevin");
var Mike = new Person("Mike");
Kevin.SayHello();
Mike.SayHello();
alert(Kevin.SayHello == Mike.SayHello); // true
</script>

********************************************************************************************

<script type="text/javascript">
function Person(name)
{
this.name = name;
};
Person.prototype.company = "Microsoft"; // 原型属性
Person.prototype.SayHello = function() // 原型方法
{
alert("Hello, I'm " + this.name + " of " + this.company);
};
var Kevin = new Person("Kevin");
Kevin.SayHello(); // output: Hello, I'm Kevin of Microsoft

var Mike = new Person("Mike");
Mike.company = "Apple";
Mike.SayHello = function()
{
alert("Haha, I'm " + this.name + " of " + this.company);
};
alert(Kevin.SayHello == Mike.SayHello); // false;
Mike.SayHello(); // output: Haha, I'm Mike of Apple
Kevin.SayHello(); // output: Hello, I'm Kevin of Microsoft !!! Not change
</script>

对象可以掩盖原型对象的属性和方法。但只对自身产生效果，而不会改变原型。另外，还可以随时动态扩展原型！

持续更新中......