javascript 寫類方式之六
更新時(shí)間：2009年07月05日 01:43:11 作者：
這篇開始會(huì)分析流行的js庫(kù)之寫類方式。各種庫(kù)的寫類方式雖然千奇百怪，但仍然逃離不了本質(zhì)---用構(gòu)造函數(shù)和原型 來(lái)組裝類。
6、Prototype.js的寫類方式
//prototype.js中的代碼
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
//簡(jiǎn)化后的
function Clazz() {
return function(){
this.initialize.apply(this,arguments);
}
}
如下步驟寫一個(gè)類，
//類名Person
var Person = Class.create();
//通過(guò)原型重寫來(lái)定義Person
Person.prototype = {
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
//創(chuàng)建對(duì)象
var p = new Person("jack");
console.log(p.constructor == Person);//false
initialize完成對(duì)象的初始化（相當(dāng)于構(gòu)造函數(shù)），方法依次往下寫即可。
有個(gè)問(wèn)題，通過(guò)這句p.constructor == Person為false可以看到，這正是Prototype.js一個(gè)小小的缺陷。原因是重寫了Person的原型。為了使constructor能指向正確的構(gòu)造器，只需在原型重寫時(shí)維護(hù)好constructor屬性即可。
Person.prototype = {
constructor : Person,//注意這里
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
好了，這時(shí)候p.constructor == Person就是true了。
復(fù)制代碼 代碼如下:
//prototype.js中的代碼
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
//簡(jiǎn)化后的
function Clazz() {
return function(){
this.initialize.apply(this,arguments);
}
}
如下步驟寫一個(gè)類，
復(fù)制代碼 代碼如下:
//類名Person
var Person = Class.create();
//通過(guò)原型重寫來(lái)定義Person
Person.prototype = {
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
//創(chuàng)建對(duì)象
var p = new Person("jack");
console.log(p.constructor == Person);//false
initialize完成對(duì)象的初始化（相當(dāng)于構(gòu)造函數(shù)），方法依次往下寫即可。
有個(gè)問(wèn)題，通過(guò)這句p.constructor == Person為false可以看到，這正是Prototype.js一個(gè)小小的缺陷。原因是重寫了Person的原型。為了使constructor能指向正確的構(gòu)造器，只需在原型重寫時(shí)維護(hù)好constructor屬性即可。
復(fù)制代碼 代碼如下:
Person.prototype = {
constructor : Person,//注意這里
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
好了，這時(shí)候p.constructor == Person就是true了。
相關(guān)文章
討論javascript(一)工廠方式 js面象對(duì)象的定義方法
看《javascript高級(jí)程序設(shè)計(jì)》有感2009-12-12
js類后臺(tái)管理菜單類-MenuSwitch...2007-09-09
javascript中本沒有命名空間的概念，但是要體現(xiàn)面向?qū)ο蟮乃枷?，?yīng)當(dāng)有命名空間，就像java中的package，.net中的namespace一樣，作用主要為了防止類名沖突，相同的類名只要屬于不同的命名空間，便不會(huì)沖突。2011-02-02
這篇開始會(huì)分析流行的js庫(kù)之寫類方式。各種庫(kù)的寫類方式雖然千奇百怪，但仍然逃離不了本質(zhì)---用構(gòu)造函數(shù)和原型 來(lái)組裝類。2009-07-07
JS作為一種動(dòng)態(tài)語(yǔ)言，在語(yǔ)法上有相當(dāng)大的自由度，所以造成了一種功能，有N種寫法的局面。 在JS中實(shí)現(xiàn)OOP，一般來(lái)說(shuō)有兩種方法：2008-03-03
JavaScript中使用構(gòu)造函數(shù)實(shí)現(xiàn)繼承的代碼
JavaScript中借用構(gòu)造函數(shù)實(shí)現(xiàn)繼承的代碼，需要的朋友可以參考下。2010-08-08
AppBaseJs 類庫(kù) 網(wǎng)上常用的javascript函數(shù)及其他js類庫(kù)寫的
AppBaseJs類庫(kù)。一個(gè)借鑒了網(wǎng)上常用的函數(shù)及其他js類庫(kù)寫的,方便大家的調(diào)用。2010-03-03
js面向?qū)ο?多種創(chuàng)建對(duì)象方法小結(jié)
js面向?qū)ο?多種創(chuàng)建對(duì)象方法小結(jié)，需要的朋友可以參考下2012-05-05
JavaScript面向?qū)ο蟠a的寫法與其它常見語(yǔ)言（Java C# C++）幾乎完全不同。2010-02-02
javascript 面向?qū)ο缶幊?萬(wàn)物皆對(duì)象
javascript幾乎成了如今web開發(fā)人員必學(xué)必會(huì)的一門語(yǔ)言，但很多人卻只停在了一些表單驗(yàn)證等基礎(chǔ)操作層面上，在面向?qū)ο笳Z(yǔ)言大行其道的當(dāng)下，我們需要去學(xué)習(xí)javascript的面向?qū)ο蟮闹R(shí)，以便更好的掌握javascript、為深入理解各種腳本框架打好基礎(chǔ)。2009-09-09