javascript 寫類方式之三
更新時(shí)間：2009年07月05日 01:29:28 作者：
用構(gòu)造函數(shù)來(lái)定義類屬性（字段） 用原型方式來(lái)定義類的方法。
就有了第三種方式。這種方式貌似采用的人較多。
取前面兩種的優(yōu)點(diǎn)：
a、用構(gòu)造函數(shù)來(lái)定義類屬性（字段）
b、用原型方式來(lái)定義類的方法。
就有了第三種方式。這種方式貌似采用的人較多。
3、綜合構(gòu)造函數(shù)/原型
/**
* Person類：定義一個(gè)人，有個(gè)屬性name，和一個(gè)getName方法
* @param {String} name
*/
function Person(name) {
this.name = name;
}
Person.prototype.getName = function() {
return this.name;
}
這樣，即可通過(guò)構(gòu)造函數(shù)構(gòu)造不同name的人，對(duì)象實(shí)例也都共享getName方法，不會(huì)造成內(nèi)存浪費(fèi)。
但似乎這樣的代碼風(fēng)格似乎仍然沒有java的類那么緊湊，把屬性，構(gòu)造方法（函數(shù)），方法都包在大括號(hào)內(nèi)。
public class Person {
//屬性（字段）
String name;
//構(gòu)造方法（函數(shù)）
Person(String name) {
this.name = name;
}
//方法
String getName() {
return this.name;
}
}
為了讓js代碼風(fēng)格更緊湊，把掛在prototype的方法代碼移到function Person的大括號(hào)內(nèi)。
function Person(name) {
this.name = name;
Person.prototype.getName = function() {
return this.name;
}
}
似乎很神奇，還能這么寫??！驗(yàn)證一下
var p1 = new Person("Jack");
var p2 = new Person("Tom");
console.log(p1.getName());//Jack
console.log(p2.getName());//Tom
沒有報(bào)錯(cuò)，控制臺(tái)也正確輸出了。說(shuō)明可以這么寫，呵呵。
嗯，似乎很完美。
a 、可以通過(guò)傳參構(gòu)造對(duì)象實(shí)例
b 、對(duì)象實(shí)例都共享同一份方法不造成內(nèi)存浪費(fèi)
c 、代碼風(fēng)格也比較緊湊
但每次new一個(gè)對(duì)象的時(shí)候都會(huì)執(zhí)行
Person.prototype.getName = function() {
return this.name;
}
造成了不必要的重復(fù)的運(yùn)算。因?yàn)間etName方法掛在prototype上只需執(zhí)行一次即可。只需稍微改造下：
function Person(name) {
this.name = name;
if(Person._init==undefined) {
alert("我只執(zhí)行一次！");
Person.prototype.getName = function() {
return this.name;
}
Person._init = 1;
}
}
new兩個(gè)對(duì)象，
var p1 = new Person("Andy");//第一次new會(huì)彈出'我只執(zhí)行一次！'
var p2 = new Person("Lily");//以后new的對(duì)象不會(huì)再執(zhí)行了
a、用構(gòu)造函數(shù)來(lái)定義類屬性（字段）
b、用原型方式來(lái)定義類的方法。
就有了第三種方式。這種方式貌似采用的人較多。
3、綜合構(gòu)造函數(shù)/原型
復(fù)制代碼 代碼如下:
/**
* Person類：定義一個(gè)人，有個(gè)屬性name，和一個(gè)getName方法
* @param {String} name
*/
function Person(name) {
this.name = name;
}
Person.prototype.getName = function() {
return this.name;
}
這樣，即可通過(guò)構(gòu)造函數(shù)構(gòu)造不同name的人，對(duì)象實(shí)例也都共享getName方法，不會(huì)造成內(nèi)存浪費(fèi)。
但似乎這樣的代碼風(fēng)格似乎仍然沒有java的類那么緊湊，把屬性，構(gòu)造方法（函數(shù)），方法都包在大括號(hào)內(nèi)。
復(fù)制代碼 代碼如下:
public class Person {
//屬性（字段）
String name;
//構(gòu)造方法（函數(shù)）
Person(String name) {
this.name = name;
}
//方法
String getName() {
return this.name;
}
}
為了讓js代碼風(fēng)格更緊湊，把掛在prototype的方法代碼移到function Person的大括號(hào)內(nèi)。
復(fù)制代碼 代碼如下:
function Person(name) {
this.name = name;
Person.prototype.getName = function() {
return this.name;
}
}
似乎很神奇，還能這么寫??！驗(yàn)證一下
復(fù)制代碼 代碼如下:
var p1 = new Person("Jack");
var p2 = new Person("Tom");
console.log(p1.getName());//Jack
console.log(p2.getName());//Tom
沒有報(bào)錯(cuò)，控制臺(tái)也正確輸出了。說(shuō)明可以這么寫，呵呵。
嗯，似乎很完美。
a 、可以通過(guò)傳參構(gòu)造對(duì)象實(shí)例
b 、對(duì)象實(shí)例都共享同一份方法不造成內(nèi)存浪費(fèi)
c 、代碼風(fēng)格也比較緊湊
但每次new一個(gè)對(duì)象的時(shí)候都會(huì)執(zhí)行
Person.prototype.getName = function() {
return this.name;
}
造成了不必要的重復(fù)的運(yùn)算。因?yàn)間etName方法掛在prototype上只需執(zhí)行一次即可。只需稍微改造下：
復(fù)制代碼 代碼如下:
function Person(name) {
this.name = name;
if(Person._init==undefined) {
alert("我只執(zhí)行一次！");
Person.prototype.getName = function() {
return this.name;
}
Person._init = 1;
}
}
new兩個(gè)對(duì)象，
復(fù)制代碼 代碼如下:
var p1 = new Person("Andy");//第一次new會(huì)彈出'我只執(zhí)行一次！'
var p2 = new Person("Lily");//以后new的對(duì)象不會(huì)再執(zhí)行了
相關(guān)文章
面向?qū)ο蟮木幊趟枷朐趈avascript中的運(yùn)用上部
對(duì)于正在從事或者打算從事編程的人來(lái)說(shuō)，面向?qū)ο笫且粋€(gè)耳熟能詳?shù)脑~，幾乎每一個(gè)人都能列舉出一些面向?qū)ο蟮木幊陶Z(yǔ)言，例如C++，JAVA，C#等等。2009-11-11
JavaScript 三種創(chuàng)建對(duì)象的方法
JavaScript中對(duì)象的創(chuàng)建有以下幾種方式 使用內(nèi)置對(duì)象 使用JSON符號(hào) 自定義對(duì)象構(gòu)造。大家可以參考下。2009-10-10
面向?qū)ο蟮腏avascript之一(初識(shí)Javascript)
Javascript是一門極富表現(xiàn)力的語(yǔ)言，在當(dāng)今大行其道的Web浪潮中扮演著非常關(guān)鍵的作用。合理、高效地利用這門技術(shù)，可以讓我們的Web世界多姿多彩。首先，我們認(rèn)識(shí)一下這門技術(shù)的幾個(gè)獨(dú)特的特性2012-01-01
JS沒有提供所謂的類繼承，據(jù)說(shuō)在2.0中要加入這種繼承方式，但是要所有瀏覽器都實(shí)現(xiàn)2.0的特性那肯定又得N多年。2009-07-07
原型和閉包是Js語(yǔ)言的難點(diǎn)，此文主要講原型及原型實(shí)現(xiàn)的繼承，在（二）中會(huì)講下閉包，希望對(duì)大家有所幫助。若有疑問(wèn)或不正之處，歡迎提出指正和討論。2010-07-07
JavaScript為對(duì)象原型prototype添加屬性的兩種方式
為對(duì)象原型prototype添加屬性的的方法， 需要的朋友可以參考下。2010-08-08
Javascript 類與靜態(tài)類的實(shí)現(xiàn)
在Javascript里，對(duì)面向?qū)ο蟛]有一個(gè)直接的實(shí)現(xiàn)，對(duì)于代碼方面也是非常的靈活。2010-04-04
JavaScript 工具庫(kù) Cloudgamer JavaScript Library v0.1 發(fā)布
研究了一年多的js，也差不多寫一個(gè)自己的js庫(kù)了。 我寫這個(gè)不算框架，只是一個(gè)小型的js工具庫(kù)，所以我用的名字是Library。2009-10-10
js對(duì)象的構(gòu)造和繼承實(shí)現(xiàn)代碼
js對(duì)象的構(gòu)造和繼承實(shí)現(xiàn)代碼，學(xué)習(xí)javascript面向?qū)ο蟮呐笥芽梢詤⒖枷?。寫出跟漂亮與復(fù)用的代碼。2010-12-12
接口：對(duì)實(shí)現(xiàn)某一種任務(wù)、功能，目的等，所規(guī)定的一些原則2012-05-05