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è)對(duì)象需要配置一些參數(shù)，參數(shù)要賦值給類里面this。但與java的區(qū)別是js用function來定義類，參數(shù)也無需定義類型。
類寫好了，我們?cè)鞄讉€(gè)對(duì)象：
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的確是類Person的對(duì)象實(shí)例。
這種方式的優(yōu)點(diǎn)是：可以根據(jù)參數(shù)來構(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ù)來代替類方法，達(dá)到了每個(gè)對(duì)象共享同一個(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è)對(duì)象需要配置一些參數(shù)，參數(shù)要賦值給類里面this。但與java的區(qū)別是js用function來定義類，參數(shù)也無需定義類型。
類寫好了，我們?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的確是類Person的對(duì)象實(shí)例。
這種方式的優(yōu)點(diǎn)是：可以根據(jù)參數(shù)來構(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ù)來代替類方法，達(dá)到了每個(gè)對(duì)象共享同一個(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)文章
學(xué)習(xí)javascript 對(duì)象操作的朋友可以參考下，這個(gè)是入門級(jí)教程。2010-04-04
眾所周知，用jQuery的extend方法，可以很方便的實(shí)現(xiàn)繼承和對(duì)象拷貝，我們可以把它拿過來自己用2012-07-07
javascript 設(shè)計(jì)模式之單體模式 面向?qū)ο髮W(xué)習(xí)基礎(chǔ)
單體是在腳本加載時(shí)創(chuàng)建的，能將一系列有關(guān)聯(lián)的變量和方法組織為一個(gè)邏輯單元，邏輯單元里面的內(nèi)容通過單一的變量進(jìn)行訪問，也是筆記基礎(chǔ)與常用的面向?qū)ο蟮亩x方法。2010-04-04
js面向?qū)ο?多種創(chuàng)建對(duì)象方法小結(jié)
js面向?qū)ο?多種創(chuàng)建對(duì)象方法小結(jié)，需要的朋友可以參考下2012-05-05
JavaScript面向?qū)ο笾甈rototypes和繼承
本文翻譯自微軟的牛人Scott Allen Prototypes and Inheritance in JavaScript ,本文對(duì)到底什么是Prototype和為什么通過Prototype能實(shí)現(xiàn)繼承做了詳細(xì)的分析和闡述，是理解JS OO 的佳作之一2012-07-07
javascript 面向?qū)ο蟮慕?jīng)典實(shí)例代碼
這里的面向?qū)ο笾饕鞘褂胮rototype屬性，大家可以參考下。2009-12-12
JavaScript 設(shè)計(jì)模式 安全沙箱模式
沙箱模式常見于YUI3 core,它是一種采用同一構(gòu)造器（Constructor）生成彼此獨(dú)立且互不干擾（self-contained）的實(shí)例對(duì)象，而從避免污染全局對(duì)象的方法2010-09-09
在第一章中，我們使用構(gòu)造函數(shù)和原型的方式在JavaScript的世界中實(shí)現(xiàn)了類和繼承， 但是存在很多問題。這一章我們將會(huì)逐一分析這些問題，并給出解決方案。2009-07-07
用 構(gòu)造函數(shù)+原型 定義一個(gè)類；同一構(gòu)造函數(shù)可以定義出多個(gè)類型2009-07-07
js定義對(duì)象簡單學(xué)習(xí)例子...2007-09-09