贊成Javascript設計模式勘誤？

Question

任何人都可以確認這些來自Pro Javascript Design Patterns第3章的樣本是否有缺陷，如果是這樣，從根本上來說 - 它們比在JavaScript中產生'class'常量的預期目標還要多打字嗎？謝謝。

var Class = (function() { 

    // Constants (created as private static attributes). 
    var UPPER_BOUND = 100; 

    // Privileged static method. 
    this.getUPPER_BOUND() {//sic 
    return UPPER_BOUND; 
    } 

    ... 

    // Return the constructor. 
    return function(constructorArgument) { 
    ... 
    } 
})(); 

/* Usage. */ 

Class.getUPPER_BOUND(); 

/* Grouping constants together. */ 

var Class = (function() { 

    // Private static attributes. 
    var constants = { 
    UPPER_BOUND: 100, 
    LOWER_BOUND: -100 
    } 

    // Privileged static method. 
    this.getConstant(name) {//sic 
    return constants[name]; 
    } 

    ... 

    // Return the constructor. 
    return function(constructorArgument) { 
    ... 
    } 
})(); 


/* Usage. */ 

Class.getConstant('UPPER_BOUND'); 

Answer 1

的代碼可以平凡固定爲

var Class = { 
    UPPER_BOUND: 100 
}; 

的代碼的其餘部分之上工程化或完全錯誤的，應該被忽略。

如果您只關心被讀取，請將可寫標誌設置爲false（注意默認值爲false）。

var Class = {}; 
Object.defineProperty(Class, "UPPER_BOUND", { 
    value: 100, 
    enumerable: true, 
    configurable: true 
}); 

Answer 2

檢查了這一點作爲一個很好的選擇：http://www.klauskomenda.com/code/javascript-programming-patterns/

和不可改變的公共屬性，因爲有人建議，使用Object.freeze和John Resig的很好的建議：http://ejohn.org/blog/ecmascript-5-objects-and-properties/

和辦法不要打破你的全球範圍，爲jQuery添加命名空間：Is it possible to create a namespace in jQuery?

Answer 3

對任何自稱是「專業」的東西要小心。我沒有讀過書，但我採取的代碼如下：

> var Class = (function() { 
> 
> // Constants (created as private static attributes). 

單詞「屬性」是錯誤的，它應該是「屬性」或「變量」，因爲它們是變量，其也可以描述爲本地激活/變量對象的屬性。

> var UPPER_BOUND = 100; 
> 
> // Privileged static method. 
> this.getUPPER_BOUND() {//sic 

該代碼將在全球範圍內，其中this是窗口/全局對象來執行。所以如果有一個全局的* getUPPER_BOUND *函數，它將被調用沒有參數。後面跟着一個花括號（{），它在塊不能出現的地方打開一個塊，所以這是一個語法錯誤。

我相信以下的目的：

this.getUPPER_BOUND = function() { 

它創建代碼運行時所assiged在RHS匿名函數全局/ window對象的getUPPER_BOUND財產。

>  return UPPER_BOUND; } 
> 
> ... 
> 
> // Return the constructor. 
> return function(constructorArgument) { 

這是分配給全局變量「Class」的函數。

>  ... 
> } 
> })(); 

修復它可能「工作」，但不優雅。任何在代碼中出現如此明顯錯誤的書都沒有經過精心編寫，並且在發佈之前肯定沒有經過適當的審查。

使用知名的在線資源，並繼續詢問有關您不瞭解或認爲錯誤的任何問題。還有其他討論javascript的論壇可以提供更詳細的技術問題答案。

Answer 4

我想，這是錯誤的。如前所述，「this」是指窗口對象，代碼也有語法錯誤。以下代碼應完成所需的目標：

var Class = (function() { 

    // Private static attributes. 

    var constants = { 
     UPPER_BOUND: 100, 
     LOWER_BOUND: -100 
    };    

    var sc = function (constructorArgument) { 

    }; 

    // Privileged static method. 
    sc.getConstant = function (name) { 
     return constants[name]; 
    }; 

    // Return the constructor. 
    return sc; 
})(); 

alert(Class.getConstant('UPPER_BOUND')); 

Answer 5

得到這個工作，但不知道這是否是作者所期望的。

var Class = (function() 
{ 
    // Constants (created as private static attributes). 
    var constants = 
    { 
     UPPER_BOUND: 100, 
     LOWER_BOUND: -100 
    }; 

    // Return the method(s). 
    return { 
     getConstant: function(name) 
     { 
      return constants[name]; 
     } 
    } 
}()); 

console.log(Class.getConstant('UPPER_BOUND')); // shows "100" in console 

Answer 6

這樣做怎麼樣？

/* Grouping constants together. */ 
var Class = (function() { 
    // Private static attributes. 
    var constants = { 
    UPPER_BOUND: 100, 
    LOWER_BOUND: -100 
    } 

    // Return the constructor. 
    return new function(constructorArgument) { 
    // Privileged static method. 
    this.getConstant = function(name) {//sic 
     return constants[name]; 
    } 
    } 
})(); 

console.log(Class.getConstant("LOWER_BOUND"));