ES6基础之——对象属性名

Posted 2022-01-30 fe-cherrydlh

有一个叫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‘