蓝天白云 发表于 2021-12-21 15:54:25

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]
查看完整版本: JavaScript prototype(原型对象)