javascript 寫類方式之三

2019-11-21 01:17:38

字體：大中小

來源：轉載

供稿：網友

取前面兩種的優點：
a、用構造函數來定義類屬性（字段）
b、用原型方式來定義類的方法。
就有了第三種方式。這種方式貌似采用的人較多。
3、綜合構造函數/原型

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

這樣，即可通過構造函數構造不同name的人，對象實例也都共享getName方法，不會造成內存浪費。
但似乎這樣的代碼風格似乎仍然沒有java的類那么緊湊，把屬性，構造方法（函數），方法都包在大括號內。

復制代碼代碼如下:

 
public class Person { 
//屬性（字段） 
String name; 
//構造方法（函數） 
Person(String name) { 
this.name = name; 
} 
//方法 
String getName() { 
return this.name; 
} 
} 

為了讓js代碼風格更緊湊，把掛在prototype的方法代碼移到function Person的大括號內。

復制代碼代碼如下:

 
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 、對象實例都共享同一份方法不造成內存浪費
c 、代碼風格也比較緊湊
但每次new一個對象的時候都會執行
Person.prototype.getName = function() {
return this.name;
}
造成了不必要的重復的運算。因為getName方法掛在prototype上只需執行一次即可。只需稍微改造下：

復制代碼代碼如下:

 
function Person(name) { 
this.name = name; 
if(Person._init==undefined) { 
alert("我只執行一次！"); 
Person.prototype.getName = function() { 
return this.name; 
} 
Person._init = 1; 
} 
} 

new兩個對象，

復制代碼代碼如下:

 
var p1 = new Person("Andy");//第一次new會彈出'我只執行一次！' 
var p2 = new Person("Lily");//以后new的對象不會再執行了 

上一篇：javascript 寫類方式之四

下一篇：javascript 寫類方式之二

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

javascript 寫類方式之三