アクセス式と混同？

Question

パーフェクトjavascriptの124pでドット演算子とブラケット演算子の違いについて説明しているところで、

なおオブジェクトリテラルのプロパティ名は次のように識別子と文字列リテラルのどちらでも記述可能です。アクセス式の規則と混同しないように注意してください。

var key ="x";
var obj = {key:3};//プロパティkey(プロパティxではない)
var obj = {"x":3};//プロパティx

とありました。
ここで質問ですが、アクセス式の規則とはいったい何なのでしょうか。
アクセス式そのものは、ドット演算子やブラケット演算子のことだと思うので、二つの演算子の規則のことだと思うのですが、具体的にどのような規則なのでしょうか。

Answer 1

解答

var obj = {key:3};//プロパティkey(プロパティxではない)

obj[key] ではない点に注意しましょう。

ES6のオブジェクト初期化子

ES6 からオブジェクト初期化子にも式を使えるようになりました。
http://js-next.hatenablog.com/entry/2015/01/18/171138

var key = 'hoge'
var obj = { [key]: val }

Re: aaaaaaaaさん

Answer 2

//前提：プロパティ名 key に対し "hoge" という値を設定したい。

//オブジェクトリテラル
obj = { key  : "hoge" };  
obj = { "key": "hoge" };
//いずれもOK

//ドット記法
obj.key   = "hoge";  //OK
obj."key" = "hoge";  //NG（文法エラー）

//ブラケット記法
obj[key]   = "hoge";  //事前にkey = "key"としている場合はOK
obj["key"] = "hoge";  //OK