オブジェクトリテラルのキーはどのように評価されますか？

Question

は、ここに私の機能

function goldAndSilver(bin) { 
    var gold = bin.gold; 
    var silver = bin.silver; 
    return { gold: gold, silver: silver }; 
} 

ですなぜ最初gold参照名と第二gold参照var gold = bin.goldがすでに実行コンテキストに遭遇した値。行が実行された後には常にgold = numberが返されず、{gold: 5}の代わりに{5: 5}が返されますか？

Answer 1

この表記を使用して、{ gold: gold, silver: silver }コロンの前の単語は常に名前になります。変数を決して参照しません。

あなたはこのように行うことができますオブジェクトのプロパティの名前として変数を使用する場合：

var gold = 5; 
var obj = {}; 
obj[gold] = gold; 

オブジェクトのキーは、デフォルトで計算されていないので、これは Object {5: 5}

Answer 2

はありません、その結果。プロパティには、名前を付けたときの名前と同じ名前が付けられます。ただし、ES2015ではcomputed property namesを使用して、動的値を使用してプロパティに名前を付けることができます。

（これが唯一の新しい構文をサポートするブラウザ上で動作することに注意してください）：

var gold = 5; 
 
var obj = { 
 
    [gold]: gold 
 
}; 
 

 
document.write('<pre>' + JSON.stringify(obj, null, 2) + '</pre>');

Answer 3

これは、オブジェクトの表記法です。 '：'の前の最初の単語がキーです。それは常に文字列です。これは、割り当てたい値に名前を割り当てるのと同じです。 2番目の値は値です。 この表記法では、変数をキーとして割り当てることはできません。キーは常に定数と文字列になります。

{ gold: gold, silver: silver } 
is same as 
var obj = { 'gold': gold, 'silver': silver } 

変数をキーとして割り当てるには、角カッコ表記を使用する必要があります。

var key1='gold'; 
var key2='silver'; 
var obj={}; 
// assuming gold and silver to defined 
obj[key1]=gold; 
obj[key2]=silver; 

どちらの場合も、objは同じです。ただし、値を割り当てる前にキー名がわかっている場合は、2番目の形式を使用できます。

function clone(original){ 
    var clone={}; 
    for(var key in original){ 
    // Dont know what is the value of key. So we need to use square 
    //bracket. clone.key would be incorrect to use because it would be 
    //considered string. 

    clone[key]=original[key]; 
    } 
return clone; 
}