javascript 寫類方式之三
更新時間:2009年07月05日 01:29:28 作者:
用構造函數(shù)來定義類屬性(字段) 用原型方式來定義類的方法。
就有了第三種方式。這種方式貌似采用的人較多。
取前面兩種的優(yōu)點:
a、用構造函數(shù)來定義類屬性(字段)
b、用原型方式來定義類的方法。
就有了第三種方式。這種方式貌似采用的人較多。
3、綜合構造函數(shù)/原型
/**
* Person類:定義一個人,有個屬性name,和一個getName方法
* @param {String} name
*/
function Person(name) {
this.name = name;
}
Person.prototype.getName = function() {
return this.name;
}
這樣,即可通過構造函數(shù)構造不同name的人,對象實例也都共享getName方法,不會造成內(nèi)存浪費。
但似乎這樣的代碼風格似乎仍然沒有java的類那么緊湊,把屬性,構造方法(函數(shù)),方法都包在大括號內(nèi)。
public class Person {
//屬性(字段)
String name;
//構造方法(函數(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 、可以通過傳參構造對象實例
b 、對象實例都共享同一份方法不造成內(nèi)存浪費
c 、代碼風格也比較緊湊
但每次new一個對象的時候都會執(zhí)行
Person.prototype.getName = function() {
return this.name;
}
造成了不必要的重復的運算。因為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、用構造函數(shù)來定義類屬性(字段)
b、用原型方式來定義類的方法。
就有了第三種方式。這種方式貌似采用的人較多。
3、綜合構造函數(shù)/原型
復制代碼 代碼如下:
/**
* Person類:定義一個人,有個屬性name,和一個getName方法
* @param {String} name
*/
function Person(name) {
this.name = name;
}
Person.prototype.getName = function() {
return this.name;
}
這樣,即可通過構造函數(shù)構造不同name的人,對象實例也都共享getName方法,不會造成內(nèi)存浪費。
但似乎這樣的代碼風格似乎仍然沒有java的類那么緊湊,把屬性,構造方法(函數(shù)),方法都包在大括號內(nèi)。
復制代碼 代碼如下:
public class Person {
//屬性(字段)
String name;
//構造方法(函數(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 、可以通過傳參構造對象實例
b 、對象實例都共享同一份方法不造成內(nèi)存浪費
c 、代碼風格也比較緊湊
但每次new一個對象的時候都會執(zhí)行
Person.prototype.getName = function() {
return this.name;
}
造成了不必要的重復的運算。因為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í)行了
相關文章
JS小框架 fly javascript framework
這幾天把工作中積累的東西整理成了一個小框架,分享給大家,希望對大家有用,也想聽一下大家的批評2009-11-11Javascript 類與靜態(tài)類的實現(xiàn)
在Javascript里,對面向?qū)ο蟛]有一個直接的實現(xiàn),對于代碼方面也是非常的靈活。2010-04-04DOMAssitant最新版 DOMAssistant 2.5發(fā)布
google code上的project ,值得大家學習它的類庫2007-12-12JavaScript面向?qū)ο笾o態(tài)與非靜態(tài)類
使用JavaScript面向?qū)ο笸耆鲇谂既?,因為大部分時間我都是在無圖形界面的環(huán)境下工作,有時候就算是介入了web客戶端的工作的時候,在寫js和ajax時,最多的也只是寫寫function,從沒有考慮過要使用JavaScript面向?qū)ο筮@么高級的技巧。2010-02-02學習JS面向?qū)ο蟪晒?借國慶發(fā)布個最新作品與大家交流
學習JS面向?qū)ο蟪晒鑷鴳c發(fā)布個最新作品與大家交流,大家可以看下。2009-10-10