JavaScript prototype(原型对象)
所有的JavaScript对象都会从一个prototype(原型对象)中继承属性和方法。实例
functionPerson(first,last,age,eyecolor){this.firstName=first;this.lastName=last;this.age=age;this.eyeColor=eyecolor;}varmyFather=newPerson("John","Doe",50,"blue");varmyMother=newPerson("Sally","Rally",48,"green");
我们也知道在一个已存在构造器的对象中是不能添加新的属性:
实例
Person.nationality="English";
要添加一个新的属性需要在在构造器函数中添加:
实例
functionPerson(first,last,age,eyecolor){this.firstName=first;this.lastName=last;this.age=age;this.eyeColor=eyecolor;this.nationality="English";}
一、prototype继承
所有的JavaScript对象都会从一个prototype(原型对象)中继承属性和方法:
Date对象从Date.prototype继承。
Array对象从Array.prototype继承。
Person对象从Person.prototype继承。
所有JavaScript中的对象都是位于原型链顶端的Object的实例。
JavaScript对象有一个指向一个原型对象的链。当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向上搜索,直到找到一个名字匹配的属性或到达原型链的末尾。
Date对象,Array对象,以及Person对象从Object.prototype继承。
二、添加属性和方法
有的时候我们想要在所有已经存在的对象添加新的属性或方法。
另外,有时候我们想要在对象的构造函数中添加属性或方法。
使用prototype属性就可以给对象的构造函数添加新的属性:
实例
functionPerson(first,last,age,eyecolor){this.firstName=first;this.lastName=last;this.age=age;this.eyeColor=eyecolor;}Person.prototype.nationality="English";
当然我们也可以使用prototype属性就可以给对象的构造函数添加新的方法:
实例
functionPerson(first,last,age,eyecolor){this.firstName=first;this.lastName=last;this.age=age;this.eyeColor=eyecolor;}Person.prototype.name=function(){returnthis.firstName+""+this.lastName;};
页:
[1]