欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript 寫(xiě)類(lèi)方式之一

 更新時(shí)間：2009年07月05日 01:23:29   作者：  
這篇起，會(huì)由淺到深的分析js OO之寫(xiě)類(lèi)方式，大概會(huì)有5-8篇。后面陸續(xù)會(huì)分析流行庫(kù)（框架）的寫(xiě)類(lèi)方式。為了討論的單一性，暫不考慮類(lèi)的繼承，(私有,受保護(hù))屬性或方法。
EMCA262規(guī)范中沒(méi)有類(lèi)(class)的概念，js的new只是讓他看起來(lái)更像c++,java一點(diǎn)。這里說(shuō)的寫(xiě)類(lèi)，只是書(shū)寫(xiě)js代碼風(fēng)格而已。
1、構(gòu)造函數(shù)方式
復(fù)制代碼 代碼如下:

/**
* Person類(lèi)：定義一個(gè)人，有個(gè)屬性name，和一個(gè)getName方法
* @param {String} name
*/
function Person(name) {
this.name = name;
this.getName = function() {
return this.name;
}
}

這種風(fēng)格讓我們這些寫(xiě)過(guò)java的有點(diǎn)親切在于構(gòu)造一個(gè)對(duì)象需要配置一些參數(shù)，參數(shù)要賦值給類(lèi)里面this。但與java的區(qū)別是js用function來(lái)定義類(lèi)，參數(shù)也無(wú)需定義類(lèi)型。

類(lèi)寫(xiě)好了，我們?cè)鞄讉€(gè)對(duì)象：
復(fù)制代碼 代碼如下:

var p1 = new Person("Jack");
var p2 = new Person("Tom");
console.log(p1 instanceof Person);//true
console.log(p2 instanceof Person);//true

控制臺(tái)輸出也證明了p1，p2的確是類(lèi)Person的對(duì)象實(shí)例。

這種方式的優(yōu)點(diǎn)是：可以根據(jù)參數(shù)來(lái)構(gòu)造不同的對(duì)象實(shí)例 ，缺點(diǎn)是構(gòu)造時(shí)每個(gè)實(shí)例對(duì)象都會(huì)生成getName方法版本，造成了內(nèi)存的浪費(fèi) 。

當(dāng)然經(jīng)驗(yàn)豐富的程序員用一個(gè)外部函數(shù)來(lái)代替類(lèi)方法，達(dá)到了每個(gè)對(duì)象共享同一個(gè)方法。改寫(xiě)后的類(lèi)如下：
復(fù)制代碼 代碼如下:

//外部函數(shù)
function getName() {
return this.name;
}

function Person(name) {
this.name = name;
this.getName = getName;//注意這里
}

呵呵，有人可能覺(jué)得代碼風(fēng)格有點(diǎn)差強(qiáng)人意，怎么看也沒(méi)有java那么緊湊。但的確可以減少內(nèi)存的消耗。

相關(guān)文章

最新評(píng)論