二十五岁时我们都一样愚蠢、多愁善感,喜欢故弄玄虚,可如果不那样的话,五十岁时也就不会如此明智。
标题: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对象的原型.