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