javascriptで連想配列のキーに変数を使う方法

key = 'kagi';
dict = {key: 'value'};
console.log(dict);
>> {key: "value"}

そのままだとキーを変数にできない。
なので

dict = {};
key = 'kagi';
dict[key] = 'value';
console.log(dict);
>> {kagi: "value"}

私は今まではこう書いてたが、、、

key = 'kagi';
dict = {[key]: 'value'};
console.log(dict);
>> {kagi: "value"}

こう書ける！