Javascript 構造函數、繼承

prototype和繼承之間的關係有點奇怪。 一個對象是某個類型的實例,但是對象的原型卻不等於其構造函數的原型

function Range(from,to) {
	this.from = from;
	this.to = to;
}

Range.prototype= {
	includes:function(x){
		return this.from <= x && x <= this.to;
	},

	foreach: function (f){
		for(var x = Math.ceil(this.from);x<= this.to;x++) f(x);
	},
	toString: function() {return "(" + this.from + "..." + this.to + ")";}
};

function d(o){
  console.debug(o);
}

var r3 = new Range(1,3);
d('r3.prototype == Range.prototype '+ (r3.prototype == Range.prototype));
d('r3 instance of Range:' + (r3 instanceof Range));
輸出結果:


r3.prototype == Range.prototype false
r3 instance of Range:true


4.17更新


事實上 ,並不是“對象的原型卻不等於其構造函數的原型”,

而是, r3.prototype 訪問的並不是 r3的原型,只是一個一般的屬性。

在firefox 裏,要訪問一個對象的屬性的話,應該用它的 __proto__屬性。

或者要判斷一個對象的原型是不是某個類的話,可以用:

Range .isPrototypeOf(r3) 來判斷

參考資料:

構造對象的幾種方法的大白話版

http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html


ECMAScript 繼承機制實例

http://w3school.com.cn/js/pro_js_inheritance_in_action.asp


《Javascript 權威指南第6版》


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章