JS prototype constructor转载之六

http://www.iteye.com/topic/947213

 

我们创建的每个函数都有一个prototype（原型）属性，这个属性是一个对象，他的用途是包含可以由特定类型的所有实例共享的属性和方法。

 

Js代码  

1. function Person() {  
2. };  
3. Person.prototype.name = "Miles";  
4. Person.prototype.age = 24;  
5. Person.prototype.job = "Engineer";  
6. Person.prototype.sayName = function() {  
7.     alert(this.name);  
8. };  
9.   
10. var person1 = new Person();  
11. person1.sayName(); // "Miles"  
12.   
13. var person2 = new Person();  
14. person2.sayName(); // "Miles"  
15.   
16. alert(person1.sayName() == person2.sayName()); // true  

function Person() {
};
Person.prototype.name = "Miles";
Person.prototype.age = 24;
Person.prototype.job = "Engineer";
Person.prototype.sayName = function() {
    alert(this.name);
};

var person1 = new Person();
person1.sayName(); // "Miles"

var person2 = new Person();
person2.sayName(); // "Miles"

alert(person1.sayName() == person2.sayName()); // true

 

这些方法和属性直接添加到了Person的prototype属性中，构造函数变成了空函数。

新对象的这些属性和方法是由所有实例共享的。

只要创建了一个新函数，就会根据一组特定的规则为该函数创建一个prototype。在默认情况下，所有prototype属性都会自动获得一个constructor属性，这个属性包含一个指向prototype属性在所函数的指针。

创建了自定义的构造函数之后，其原型属性默认只会取得constructor属性，其他方法都是从Object继承而来。

在所有实例中都可以通过isPrototypeOf()方法来确定对象之间是否存在关系。

 

 

Js代码  

1. alert(Person.prototype.isPrototypeOf(person1)); // true  

alert(Person.prototype.isPrototypeOf(person1)); // true

每当代码读取某个对象的某个属性时，都会去搜索给定名字的属性。先从实例中开始，找到返回，如果没有再从原型中搜索，找到返回。

 

Js代码  

1. function Person() {  
2. };  
3. Person.prototype.name = "Miles";  
4. Person.prototype.age = 24;  
5. Person.prototype.job = "Engineer";  
6. Person.prototype.sayName = function() {  
7.     alert(this.name);  
8. };  
9.   
10. var person1 = new Person();  
11. var person2 = new Person();  
12.   
13. person1.name = "Jenny";  
14. person1.sayName(); // "Jenny" ---来自实例  
15. person2.sayName(); // "Miles" ---来自原型  
16.   
17. delete person1.name;  
18. person1.sayName(); // "Miles" ---来自原型  

function Person() {
};
Person.prototype.name = "Miles";
Person.prototype.age = 24;
Person.prototype.job = "Engineer";
Person.prototype.sayName = function() {
    alert(this.name);
};

var person1 = new Person();
var person2 = new Person();

person1.name = "Jenny";
person1.sayName(); // "Jenny" ---来自实例
person2.sayName(); // "Miles" ---来自原型

delete person1.name;
person1.sayName(); // "Miles" ---来自原型

 

上面代码可以看出，当为对象实例添加一个属性时，这个属性会屏蔽原型对象中保持的同名属性，但是不会修改那个属性。

 

简单的原型语法

 

Js代码  

1. function Person() {  
2. }  
3. Person.prototype = {  
4.     name : "Miles",  
5.     age : 29,  
6.     job : "Engineer",  
7.     sayName : function() {  
8.         alert(this.name);  
9.     }  
10. };  

function Person() {
}
Person.prototype = {
    name : "Miles",
    age : 29,
    job : "Engineer",
    sayName : function() {
        alert(this.name);
    }
};

 

这种方法本质上重写了prototype对象，因此constructor属性也就变成了对象的constructor属性（指向Object构造函数），不在指向Person函数。

 

我们对原型对象所做的任何修改都能够立即从实例上反映出来--即使是先创建了实例后修改原型也照样如此。但是如果是重写整个原型对象就不行了。

 

 

Js代码  

1. function Person() {  
2. }  
3. var person = new Person();  
4. Person.prototype = {  
5.     constructor : Person,  
6.     name : "Miles",  
7.     age : 29,  
8.     job : "Engineer",  
9.     sayName : function() {  
10.         alert(this.name);  
11.     }  
12. };  
13. person.sayName(); // error  

function Person() {
}
var person = new Person();
Person.prototype = {
    constructor : Person,
    name : "Miles",
    age : 29,
    job : "Engineer",
    sayName : function() {
        alert(this.name);
    }
};
person.sayName(); // error

 

与个人博客YYer同步更新