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'}