ES6基礎之——對象屬性名

有一個叫food的空白對象,往這個對象里面添加屬性可以用點的方式，比如：

let food={}
food.dessert='cake';

console.log(food) //{dessert:'cake'}

 

如果屬性的名字包含空格，繼續使用點的方式來添加屬性的話，輸出food的時候就會報語法錯誤

let food={}
food.dessert='cake';
food.hot drink = 'tea';

console.log(food) //Uncaught SyntaxError:Unexpected indentifier

 

有兩種解決辦法：

方法一：屬性名加引號作為字符串，外加中括號；

let food={}
food.dessert='cake';
food['hot drink'] = 'tea';

console.log(food) //{dessert:'cake',hot drink:'tea'}

 

這種方法可以添加帶空格的屬性的名字

 

方法二：屬性名用變量表示；

let food={}
let drink='hot drink';

food.dessert='cake';
food[drink] = 'tea';

console.log(food) //{dessert:'cake',hot drink:'tea'}