当前位置: 代码迷 >> JavaScript >> JavaScript读书笔记5
  详细解决方案

JavaScript读书笔记5

热度:143   发布时间:2012-10-23 12:12:22.0
JavaScript读书笔记五

?

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

?

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()方法来确定对象之间是否存在关系。

?

?

alert(Person.prototype.isPrototypeOf(person1)); // 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();
var person2 = new Person();

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

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

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

?

简单的原型语法

?

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

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

?

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

?

?

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 同步更新

1 楼 superobin 2011-03-09  
居然猜对了 虽然有事后诸葛亮的嫌疑- -
2 楼 gyht0808 2011-03-09  
superobin 写道
居然猜对了 虽然有事后诸葛亮的嫌疑- -

你可以猜下一篇,哈哈,还没写
3 楼 superobin 2011-03-09  
如果是纯讲语言的话我想应该是讲prototype链或者开下一章function
如果是想扩展的话可能讲一下基于prototype的继承机制实现

纯猜测。呵呵
4 楼 zhaodidong 2011-03-11  
原型不是属性

它是一个对象

构造函数以它为原形new 对象
5 楼 shichuanliujie 2011-03-14  
很好,我觉得还可以,基础要扎实
6 楼 yangleisx 2011-03-15  
加95443740 一起学习java
7 楼 gyht0808 2011-03-15  
yangleisx 写道
加95443740 一起学习java

此乃麻花藤的号?
8 楼 steafler 2011-03-15  
头像不错哟
9 楼 liangws 2011-03-29  
<p>?</p>
<p>但是如果是重写整个原型对象就不行了。<br><br>Js代码 <br>function Person() {? <br>}? <br>var person = new Person();? <br>Person.prototype = {? <br>??? constructor : Person,? <br>??? name : "Miles",? <br>??? age : 29,? <br>??? job : "Engineer",? <br>??? sayName : function() {? <br>??????? alert(this.name);? <br>??? }? <br>};? <br>person.sayName(); // error<br><br>动态修改原型引擎好像是不能用字面量来修改</p>
<p>?</p>
  相关解决方案