橘子味的心
标题:JavaScript对象原型


每一个JavaScript对象有一个prototype. prototype也是一个对象。

所有的JavaScript对象继承的属性和方法从他们的prototype.


JavaScript 原型

所有的JavaScript对象继承的属性和方法从他们的原型(prototype).

使用对象字面量创建对象,或者使用new Object(), 从一个称作Object.prototype的原型(prototype)继承

使用 new Date()创建对象,继承Date.prototype.

Object.prototype 是原型链的顶级原型.

所有的JavaScript对象(Date, Array, RegExp, Function, ....) 都继承Object.prototype.


创建一个原型

创建对象原型的标准方法是使用对象构造函数:

function Person(first, last, age, eyecolor) {
    this.firstName = first;
    this.lastName = last;
    this.age = age;
    this.eyeColor = eyecolor;
}

使用构造函数,可以使用new关键字从同一原型创建新对象

var myFather = new Person("John", "Doe", 50, "blue");
var myMother = new Person("Sally", "Rally", 48, "green");

让我试试

构造函数是Person对象的原型。 用大写字母命名构造函数是很好的做法.


向对象添加属性和方法

有时,您希望向现有对象添加新属性(或方法).

有时,您希望将新属性(或方法)添加到给定类型的所有现有对象中.

有时,您希望向对象原型添加新属性(或方法)。


向对象添加属性

向现有对象添加新属性很容易:

myFather.nationality = "English";

让我试试

属性将被添加到myFather。不是myMother。也不是任何其他person对象


向对象添加方法

向现有对象添加新方法也很容易:

myFather.name = function () {
    return this.firstName + " " + this.lastName;
};

让我试试

方法将被添加到myFather。不是myMother。


向原型添加属性

不能将新属性添加到原型中,就像将新属性添加到现有对象一样,因为该原型不是现有对象。

Person.nationality = "English";

让我试试

若要向原型添加新属性,必须将其添加到构造函数:

function Person(first, last, age, eyecolor) {
    this.firstName = first;
    this.lastName = last;
    this.age = age;
    this.eyeColor = eyecolor;
    this.nationality = "English";
}

让我试试

原型属性可以有原型值(默认值)。

为原型添加方法

构造函数也可以定义方法:

function Person(first, last, age, eyecolor) {
    this.firstName = first;
    this.lastName = last;
    this.age = age;
    this.eyeColor = eyecolor;
    this.name = function() {return this.firstName + " " + this.lastName;};
}

让我试试


使用 prototype 属性

JavaScript prototype属性允许你为一个已经存在的原型添加新的属性:

function Person(first, last, age, eyecolor) {
    this.firstName = first;
    this.lastName = last;
    this.age = age;
    this.eyeColor = eyecolor;
}
Person.prototype.nationality = "English";

让我试试

JavaScript原型属性还允许您添加新的方法对现有的原型:

function Person(first, last, age, eyecolor) {
    this.firstName = first;
    this.lastName = last;
    this.age = age;
    this.eyeColor = eyecolor;
}
Person.prototype.name = function() {
    return this.firstName + " " + this.lastName;
};

让我试试

只修改你 自己的 原型。不修改标准的JavaScript对象的原型.


目录

分类