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(一)工廠方式 js面象對象的定義方法
看《javascript高級程序設(shè)計》有感2009-12-12
js類后臺管理菜單類-MenuSwitch...2007-09-09
javascript中本沒有命名空間的概念，但是要體現(xiàn)面向?qū)ο蟮乃枷?，?yīng)當(dāng)有命名空間，就像java中的package，.net中的namespace一樣，作用主要為了防止類名沖突，相同的類名只要屬于不同的命名空間，便不會沖突。2011-02-02
這篇開始會分析流行的js庫之寫類方式。各種庫的寫類方式雖然千奇百怪，但仍然逃離不了本質(zhì)---用構(gòu)造函數(shù)和原型 來組裝類。2009-07-07
JS作為一種動態(tài)語言，在語法上有相當(dāng)大的自由度，所以造成了一種功能，有N種寫法的局面。 在JS中實現(xiàn)OOP，一般來說有兩種方法：2008-03-03
JavaScript中使用構(gòu)造函數(shù)實現(xiàn)繼承的代碼
JavaScript中借用構(gòu)造函數(shù)實現(xiàn)繼承的代碼，需要的朋友可以參考下。2010-08-08
AppBaseJs 類庫 網(wǎng)上常用的javascript函數(shù)及其他js類庫寫的
AppBaseJs類庫。一個借鑒了網(wǎng)上常用的函數(shù)及其他js類庫寫的,方便大家的調(diào)用。2010-03-03
js面向?qū)ο?多種創(chuàng)建對象方法小結(jié)
js面向?qū)ο?多種創(chuàng)建對象方法小結(jié)，需要的朋友可以參考下2012-05-05
JavaScript面向?qū)ο蟠a的寫法與其它常見語言（Java C# C++）幾乎完全不同。2010-02-02
javascript幾乎成了如今web開發(fā)人員必學(xué)必會的一門語言，但很多人卻只停在了一些表單驗證等基礎(chǔ)操作層面上，在面向?qū)ο笳Z言大行其道的當(dāng)下，我們需要去學(xué)習(xí)javascript的面向?qū)ο蟮闹R，以便更好的掌握javascript、為深入理解各種腳本框架打好基礎(chǔ)。2009-09-09