推荐好文：javascript的函数(10)

每一个结构函数都有一个属性叫做原型(prototype,下面都不再翻译，利用其原文)。这个属性很是有用：为一个特定类声明通用的变量可能函数。

prototype的界说

你不需要显式地声明一个prototype属性，因为在每一个结构函数中都有它的存在。你可以看看下面的例子：

Example PT1

Language：javascript, parsed in: 0.003 seconds, using GeSHi 1.0.7.12

function Test()

{

}

alert(Test.prototype);  // 输出 "Object"

 

运行示例

给prototype添加属性

就如你在上面所看到的，prototype是一个工具，因此，你可以或许给它添加属性。你添加给prototype的属性将会成为利用这个结构函数建设的工具的通用属性。

譬喻，我下面有一个数据范例Fish，我想让所有的鱼都有这些属性：livesIn="water"和price=20；为了实现这个，我可以给结构函数Fish的prototype添加那些属性。

Example PT2

Language：javascript, parsed in: 0.007 seconds, using GeSHi 1.0.7.12

function Fish(name, color)

{

  this.name=name;

  this.color=color;

}

Fish.prototype.livesIn="water";

Fish.prototype.price=20;

 

接下来让我们作几条鱼：

Language：javascript, parsed in: 0.007 seconds, using GeSHi 1.0.7.12

var fish1=new Fish("mackarel", "gray");

var fish2=new Fish("goldfish", "orange");

var fish3=new Fish("salmon", "white");

 

再来看看鱼都有哪些属性：

Language：javascript, parsed in: 0.008 seconds, using GeSHi 1.0.7.12

for (var i=1; i<=3; i++)

{

  var fish=eval("fish"+i);   // 我只是取得指向这条鱼的指针

  alert(fish.name+","+fish.color+","+fish.livesIn+","+fish.price);

}

 

运行示例

输出应该是：

Language：text, parsed in: 0.001 seconds, using GeSHi 1.0.7.12

"mackarel, gray, water, 20"

"goldfish, orange, water, 20"

"salmon, white  water, 20"

 

你看到所有的鱼都有属性livesIn和price,我们甚至都没有为每一条差异的鱼出格声明这些属性。这时因为当一个工具被建设时，这个结构函数将会把它的属性prototype赋给新工具的内下属性__proto__。这个__proto__被这个工具用来查找它的属性。

用prototype给工具添加函数

你也可以通过prototype来给所有工具添加共用的函数。这有一个长处：你不需要每次在结构一个工具的时候建设并初始化这个函数。为了表明这一点，让我们从头来看并利用prototype来重写它：

Example PT3

Language：javascript, parsed in: 0.013 seconds, using GeSHi 1.0.7.12

function Employee(name, salary)

{

  this.name=name;               

  this.salary=salary;

}

Employee.prototype.getSalary=function getSalaryFunction()

{

  return this.salary;

}

 

Employee.prototype.addSalary=function addSalaryFunction(addition)

{

  this.salary=this.salary+addition;

}

 

我们可以象凡是那样建设工具：

Language：javascript, parsed in: 0.007 seconds, using GeSHi 1.0.7.12

var boss1=new Employee("Joan", 200000);

var boss2=new Employee("Kim", 100000);

var boss3=new Employee("Sam", 150000);

 

并验证它：

Language：javascript, parsed in: 0.006 seconds, using GeSHi 1.0.7.12

alert(boss1.getSalary());   // 输出 200000

alert(boss2.getSalary());   // 输出 100000

alert(boss3.getSalary());   // 输出 150000

 

运行示例