ES6安全使用靜態類變量作爲Map的關鍵？

Question

在babel-preset-stage-0，我們可以聲明靜態類變量如下：

class Constants { 
    static COUNTRY = Object.freeze({ 
     NAME: 'Germany', 
     DESCRIPTION: 'placeholder', 
    }) 
} 

是可以安全使用Constants.COUNTRY作爲一個ES6 Map或Set的關鍵？

例如。

const map = new Map(); 
map.add(Constants.COUNTRY, something); 

能夠保證所有的map.get(Constants.COUNTRY)總是返回something？

性能和使用字符串一樣好嗎？ NavItem也可以使用Constants.COUNTRY作爲eventKey（引導組件屬性）嗎？

將它聲明爲一個變量而不是一個類也更合適嗎？ 即

const Constants = Object.freeze({ 
    COUNTRY: Object.freeze({ 
     NAME: 'Germany', 
     DESCRIPTION: 'placeholder', 
    }) 
}) 

Answer 1

能夠保證所有的map.get（Constants.COUNTRY）將始終返回的東西嗎？

對於map.get(Constants.COUNTRY)要始終返回您的原始值，幾件事情必須是真實的。

1. 你必須確保Constants.COUNTRY永遠不能被分配不同的值或者是因爲.COUNTRY財產被再分配或者因爲Constants對象與別的東西，有不同的.COUNTRY屬性值替換。

2. 您必須確保沒有人能夠從map對象中移除該密鑰。

如果你可以保證這兩件事，那麼yes map.get(Constants.COUNTRY)將始終返回你想要的值。但是，如果其中任何一個不一定是真的，那麼你不能保證總是從地圖上獲得你的價值。

您可以通過凍結Constants對象或將該屬性設置爲可配置爲無法刪除或寫入來確保無法更改Constants.COUNTRY。爲確保Constants對象不能被替換，最好將它作爲const，就像在第二個代碼塊中一樣。

我不知道有一種方法可以確保沒有人可以撥打map.delete(Constants.COUNTRY)，但將map對象保持爲私有狀態，以便外部代碼無法訪問它。

如果您有任何理由想要阻止枚舉地圖中的密鑰（使其難以讓某人發現某個密鑰），那麼您可以使用WeakMap而不是Map。

性能與使用字符串作爲關鍵一樣好嗎？

你必須測試一個特定的Javascript實現來確保性能。沒有必要的實施原因，其中一個或另一個應該更快 - 它將取決於實施的內部。

我創建了一個jsPerf test case來比較字符串查找與對象查找。歡迎您提供反饋，以改進測試/測量方式，但使用當前的方案，我在地圖中創建10,000個字符串鍵和10,000個對象鍵，然後比較每個鍵的1000個訪問鍵，我發現結果不盡相同。

Chrome is ~20% slower to access the object keys. 
Firefox is ~20% slower to access the string keys. 
Edge is ~27% slower to access the string keys. 

是不是也更適合其聲明爲一個變量，而不是一類？

正如所討論的，您的第二個const窗體的優點是Constants不能被重新分配。

Answer 2

您可以使用WeakMap到COUNTRY爲重點，並作爲something價值。用const聲明的變量不能被刪除。隨着你使用的Object.freeze()，wm.get(COUNTRY)應該總是返回something

const wm = new WeakMap; 
 

 
    const COUNTRY = Object.freeze({ 
 
    NAME: 'Germany', 
 
    DESCRIPTION: 'placeholder', 
 
    }); 
 

 
    wm.set(COUNTRY, "something"); 
 

 
    // error when "use strict" 
 
    delete wm; 
 
    delete COUNTRY; 
 

 
    COUNTRY.NAME = 123; 
 

 
    console.log(
 
    wm.get(COUNTRY) 
 
); 
 
    
 
    console.log(
 
    COUNTRY 
 
); 
 
    
 
    console.log(
 
    wm 
 
);

---

如果要求是不能被刪除或更改，您可以使用const看到Is it possible to delete a variable declared using const?和JSON

變量

"use strict"; 
 

 
// `Constants` cannot be changed or deleted 
 
const Constants = `{ 
 
    "NAME": "Germany", 
 
    "DESCRIPTION": "placeholder" 
 
}`; 
 

 
console.log(
 
    JSON.parse(Constants) 
 
); 
 

 
// delete Constants; 
 
/* 
 
Error: { 
 
    "message": "Uncaught SyntaxError: Delete of an unqualified identifier in strict mode." 
 
} 
 
*/