我们创建的每个函数都有一个prototype(原型)属性,这个属性是一个对象,他的用途是包含可以由特定类型的所有实例共享的属性和方法。
1. function
2. };
3. Person.prototype.name = "Miles";
4. Person.prototype.age = 24;
5. Person.prototype.job = "Engineer";
6. Person.prototype.sayName = function() {
7. this.name);
8. };
9.
10. var person1 = new
11. person1.sayName(); // "Miles"
12.
13. var person2 = new
14. person2.sayName(); // "Miles"
15.
16. alert(person1.sayName() == person2.sayName()); // true
这些方法和属性直接添加到了Person的prototype属性中,构造函数变成了空函数。
新对象的这些属性和方法是由所有实例共享的。
只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个prototype。在默认情况下,所有prototype属性都会自动获得一个constructor属性,这个属性包含一个指向prototype属性在所函数的指针。
创建了自定义的构造函数之后,其原型属性默认只会取得constructor属性,其他方法都是从Object继承而来。
在所有实例中都可以通过isPrototypeOf()方法来确定对象之间是否存在关系。
alert(Person.prototype.isPrototypeOf(person1)); // true
每当代码读取某个对象的某个属性时,都会去搜索给定名字的属性。先从实例中开始,找到返回,如果没有再从原型中搜索,找到返回。
1. function
2. };
3. Person.prototype.name = "Miles";
4. Person.prototype.age = 24;
5. Person.prototype.job = "Engineer";
6. Person.prototype.sayName = function() {
7. this.name);
8. };
9.
10. var person1 = new
11. var person2 = new
12.
13. person1.name = "Jenny";
14. person1.sayName(); // "Jenny" ---来自实例
15. person2.sayName(); // "Miles" ---来自原型
16.
17. delete
18. person1.sayName(); // "Miles" ---来自原型
上面代码可以看出,当为对象实例添加一个属性时,这个属性会屏蔽原型对象中保持的同名属性,但是不会修改那个属性。
简单的原型语法
1. function
2. }
3. Person.prototype = {
4. "Miles",
5. age : 29,
6. "Engineer",
7. function() {
8. this.name);
9. }
10. };
这种方法本质上重写了prototype对象,因此constructor属性也就变成了对象的constructor属性(指向Object构造函数),不在指向Person函数。
我们对原型对象所做的任何修改都能够立即从实例上反映出来--即使是先创建了实例后修改原型也照样如此。但是如果是重写整个原型对象就不行了。
Js代码
function Person() {
}
var person = new Person();
Person.prototype = {
constructor : Person,
name : "Miles",
age : 29,
job : "Engineer",
sayName : function() {
alert(this.name);
}
};
person.sayName(); // error