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