javascript 寫類方式之一
更新時(shí)間:2009年07月05日 01:23:29 作者:
這篇起,會(huì)由淺到深的分析js OO之寫類方式,大概會(huì)有5-8篇。后面陸續(xù)會(huì)分析流行庫(框架)的寫類方式。為了討論的單一性,暫不考慮類的繼承,(私有,受保護(hù))屬性或方法。
EMCA262規(guī)范中沒有類(class)的概念,js的new只是讓他看起來更像c++,java一點(diǎn)。這里說的寫類,只是書寫js代碼風(fēng)格而已。
1、構(gòu)造函數(shù)方式
/**
* Person類:定義一個(gè)人,有個(gè)屬性name,和一個(gè)getName方法
* @param {String} name
*/
function Person(name) {
this.name = name;
this.getName = function() {
return this.name;
}
}
這種風(fēng)格讓我們這些寫過java的有點(diǎn)親切在于構(gòu)造一個(gè)對象需要配置一些參數(shù),參數(shù)要賦值給類里面this。但與java的區(qū)別是js用function來定義類,參數(shù)也無需定義類型。
類寫好了,我們造幾個(gè)對象:
var p1 = new Person("Jack");
var p2 = new Person("Tom");
console.log(p1 instanceof Person);//true
console.log(p2 instanceof Person);//true
控制臺輸出也證明了p1,p2的確是類Person的對象實(shí)例。
這種方式的優(yōu)點(diǎn)是:可以根據(jù)參數(shù)來構(gòu)造不同的對象實(shí)例 ,缺點(diǎn)是構(gòu)造時(shí)每個(gè)實(shí)例對象都會(huì)生成getName方法版本,造成了內(nèi)存的浪費(fèi) 。
當(dāng)然經(jīng)驗(yàn)豐富的程序員用一個(gè)外部函數(shù)來代替類方法,達(dá)到了每個(gè)對象共享同一個(gè)方法。改寫后的類如下:
//外部函數(shù)
function getName() {
return this.name;
}
function Person(name) {
this.name = name;
this.getName = getName;//注意這里
}
呵呵,有人可能覺得代碼風(fēng)格有點(diǎn)差強(qiáng)人意,怎么看也沒有java那么緊湊。但的確可以減少內(nèi)存的消耗。
1、構(gòu)造函數(shù)方式
復(fù)制代碼 代碼如下:
/**
* Person類:定義一個(gè)人,有個(gè)屬性name,和一個(gè)getName方法
* @param {String} name
*/
function Person(name) {
this.name = name;
this.getName = function() {
return this.name;
}
}
這種風(fēng)格讓我們這些寫過java的有點(diǎn)親切在于構(gòu)造一個(gè)對象需要配置一些參數(shù),參數(shù)要賦值給類里面this。但與java的區(qū)別是js用function來定義類,參數(shù)也無需定義類型。
類寫好了,我們造幾個(gè)對象:
復(fù)制代碼 代碼如下:
var p1 = new Person("Jack");
var p2 = new Person("Tom");
console.log(p1 instanceof Person);//true
console.log(p2 instanceof Person);//true
控制臺輸出也證明了p1,p2的確是類Person的對象實(shí)例。
這種方式的優(yōu)點(diǎn)是:可以根據(jù)參數(shù)來構(gòu)造不同的對象實(shí)例 ,缺點(diǎn)是構(gòu)造時(shí)每個(gè)實(shí)例對象都會(huì)生成getName方法版本,造成了內(nèi)存的浪費(fèi) 。
當(dāng)然經(jīng)驗(yàn)豐富的程序員用一個(gè)外部函數(shù)來代替類方法,達(dá)到了每個(gè)對象共享同一個(gè)方法。改寫后的類如下:
復(fù)制代碼 代碼如下:
//外部函數(shù)
function getName() {
return this.name;
}
function Person(name) {
this.name = name;
this.getName = getName;//注意這里
}
呵呵,有人可能覺得代碼風(fēng)格有點(diǎn)差強(qiáng)人意,怎么看也沒有java那么緊湊。但的確可以減少內(nèi)存的消耗。
您可能感興趣的文章:
相關(guān)文章
- javascript面向?qū)ο缶幊檀a,學(xué)習(xí)js面向?qū)ο缶幊痰呐笥芽梢詤⒖枷隆?/div> 2011-12-12
JavaScript面向?qū)ο笾o態(tài)與非靜態(tài)類
使用JavaScript面向?qū)ο笸耆鲇谂既?,因?yàn)榇蟛糠謺r(shí)間我都是在無圖形界面的環(huán)境下工作,有時(shí)候就算是介入了web客戶端的工作的時(shí)候,在寫js和ajax時(shí),最多的也只是寫寫function,從沒有考慮過要使用JavaScript面向?qū)ο筮@么高級的技巧。2010-02-02Javascript 面向?qū)ο缶幊?coolshell)
Javascript是一個(gè)類C的語言,他的面向?qū)ο蟮臇|西相對于C++/Java比較奇怪,但是其的確相當(dāng)?shù)膹?qiáng)大,在 Todd 同學(xué)的“對象的消息模型”一文中我們已經(jīng)可以看到一些端倪了2012-03-03JS小框架 fly javascript framework
這幾天把工作中積累的東西整理成了一個(gè)小框架,分享給大家,希望對大家有用,也想聽一下大家的批評2009-11-11學(xué)習(xí)JS面向?qū)ο蟪晒?借國慶發(fā)布個(gè)最新作品與大家交流
學(xué)習(xí)JS面向?qū)ο蟪晒?,借國慶發(fā)布個(gè)最新作品與大家交流,大家可以看下。2009-10-10學(xué)習(xí)面向?qū)ο笾嫦驅(qū)ο蟮幕靖拍?對象和其他基本要素
學(xué)習(xí)面向?qū)ο笾嫦驅(qū)ο蟮幕靖拍?對象和其他基本要素2010-11-11JavaScript的單例模式 (singleton in Javascript)
JavaScript的單例模式 (singleton in Javascript)2010-06-06最新評論