javascript 寫類方式之六
更新時間：2009年07月05日 01:43:11 作者：
這篇開始會分析流行的js庫之寫類方式。各種庫的寫類方式雖然千奇百怪，但仍然逃離不了本質(zhì)---用構(gòu)造函數(shù)和原型 來組裝類。
6、Prototype.js的寫類方式
//prototype.js中的代碼
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
//簡化后的
function Clazz() {
return function(){
this.initialize.apply(this,arguments);
}
}
如下步驟寫一個類，
//類名Person
var Person = Class.create();
//通過原型重寫來定義Person
Person.prototype = {
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
//創(chuàng)建對象
var p = new Person("jack");
console.log(p.constructor == Person);//false
initialize完成對象的初始化（相當(dāng)于構(gòu)造函數(shù)），方法依次往下寫即可。
有個問題，通過這句p.constructor == Person為false可以看到，這正是Prototype.js一個小小的缺陷。原因是重寫了Person的原型。為了使constructor能指向正確的構(gòu)造器，只需在原型重寫時維護好constructor屬性即可。
Person.prototype = {
constructor : Person,//注意這里
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
好了，這時候p.constructor == Person就是true了。
復(fù)制代碼 代碼如下:
//prototype.js中的代碼
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
//簡化后的
function Clazz() {
return function(){
this.initialize.apply(this,arguments);
}
}
如下步驟寫一個類，
復(fù)制代碼 代碼如下:
//類名Person
var Person = Class.create();
//通過原型重寫來定義Person
Person.prototype = {
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
//創(chuàng)建對象
var p = new Person("jack");
console.log(p.constructor == Person);//false
initialize完成對象的初始化（相當(dāng)于構(gòu)造函數(shù)），方法依次往下寫即可。
有個問題，通過這句p.constructor == Person為false可以看到，這正是Prototype.js一個小小的缺陷。原因是重寫了Person的原型。為了使constructor能指向正確的構(gòu)造器，只需在原型重寫時維護好constructor屬性即可。
復(fù)制代碼 代碼如下:
Person.prototype = {
constructor : Person,//注意這里
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
好了，這時候p.constructor == Person就是true了。
相關(guān)文章
JavaScript是一門OOP，而有些人說，JavaScript是基于對象的。2008-07-07
繼承,通俗地說,之前你寫過一些類,這些類中有一些是而你現(xiàn)在要寫的類的功能的子集或者基本相同,那么你不用完全重新寫一個新的類,你可以把之前寫的類拿過來使用.這樣的一種代碼重用過程就叫做繼承2011-05-05
JavaScript 原型繼承，學(xué)習(xí)js面向?qū)ο蟮呐笥芽梢钥纯础?/div> 2011-12-12
JavaScript 常見對象類創(chuàng)建代碼與優(yōu)缺點分析
這幾種javascript類定義方式中,最常用的是雜合prototype/constructor 和 動態(tài)prototype方式。2009-12-12
Javascript 面向?qū)ο缶幊?coolshell)
Javascript是一個類C的語言，他的面向?qū)ο蟮臇|西相對于C++/Java比較奇怪，但是其的確相當(dāng)?shù)膹姶?，?Todd 同學(xué)的“對象的消息模型”一文中我們已經(jīng)可以看到一些端倪了2012-03-03
這一章我們將會重點介紹JavaScript中幾個重要的屬性（this、constructor、prototype）， 這些屬性對于我們理解如何實現(xiàn)JavaScript中的類和繼承起著至關(guān)重要的作用。2009-07-07
我說過，我要寫一個JS的框架，我知道有人會從心底BS我，但是：你繼續(xù)BS吧！我還是要寫我的JOBJ。2008-03-03
本文介紹了JavaScript里面的prototype屬性。這個屬性是理解JavaScript類和繼承的重要基礎(chǔ)。2010-09-09
在JavaScript，可以說everything is object，那么什么是對象？對象就是包含一組變量和函數(shù)的集合。在其它面向?qū)ο笳Z言中對象是由類的實例化而來，JavaScript是基于原型的面向?qū)ο笳Z言，沒有類的概念，對象派生自現(xiàn)有對象的副本2012-06-06
javascript 面向?qū)ο笏枷雽嵗a，大家可以參考下。2009-07-07最新評論