在JS返回後的方括號的含義-fn（）{return {} []}

Question

我已經看到了這個語法，我不確定它基本上在做什麼。 我目前的假設是，它檢查參數是否爲!= null和is in the return。

fn = function(value) { 
    return { 
     1: 'Test1', 
     2: 'Test2' 
    }[value]; 
} 

fn()結果undefined fn(1)結果Test1 fn(2)結果Test2 fn(3)結果undefined

我不知道我的假設。有人可以澄清我並告訴我這個語法結構的名稱是什麼（它是否有一個特定的名稱）？

編輯：我用隨機數字看到了這種情況，並沒有意識到它基本上只是訪問它。謝謝！

Answer 1

它不檢查任何東西。

你有一個對象文字。

{ 
    1: 'Test1', 
    2: 'Test2' 
} 

從中你用方括號

(result of evaluating previous expression)[value] 

提取值，然後返回結果

return (result of evaluating previous expression) 

你可以重寫此爲：

fn = function(value) { 
    var data = { 
     1: 'Test1', 
     2: 'Test2' 
    }; 
    var return_value = data[value]; 
    return return_value; 
} 

Answer 2

這個：

 { 
    1: 'Test1', 
    2: 'Test2' 
} 

是一個對象字面量，所以它的值是一個對象引用。

此：

[value] 

是一個對象屬性參考表達。如果將與對象引用結合使用的對象屬性值傳遞給[ ]運算符的字符串值未作爲對象中的屬性名稱找到，則會獲得對象屬性值或undefined。

用return填充的代碼前綴，使屬性查找的結果成爲函數的返回值。

因此，只要參數是該對象常量中的某個屬性，該函數就會返回與所傳入參數的字符串值對應的對象屬性值，否則返回undefined。