JavaScript 類 普通屬性與類屬性

JavaScript中的類是很繞口的一樣東西。

首先，JS中，一個類其實就是一個函數。廢話不多說，先來一個例子。

c = function() {}

c.prototype = {
    c2:1,
    c1:function() {}
}

var a = new c();
var b = new c();

 

a和b就是c的對象。

如果訪問a.c2和b.c2就會獲得同樣的值：1。訪問c1方法也是一樣的結果。

這時候，如果執行：a.c2 = 2。那麼b.c2是否會受到影響呢？答案是不會的，b.c2的值仍然保持為1。所以c2就是一個普通屬性。

 

那如果我們想實現一個靜態屬性或者靜態方法該如何做呢？

首先說明，JS中式沒有靜態屬性一說的，假如要做一個類似的東西出來的話，就要藉助JS中的Prototype。

①定義不變，跟上面的例子一樣。

②使用的時候有區別。如果想把c2作為靜態屬性來用的話，就需要這樣：a.__proto__.c2 = 2，那麼這是b.__proto__.c2也等於2。（或者可以直接這樣賦值：c.prototype.c2 = 2，也是一樣的效果）

靜態方法也是類似的。

 

那就有一個問題了，如果我又為a.c2賦值，又為a.__proto__.c2賦值呢？

這個不多解釋，看就明白了。

①初始狀態：

②執行：a.c2 = 2，後

③執行：a.__proto__c2 = 3，後

有圖有真相，不多解釋了。