码迷,mamicode.com
首页 > 其他好文 > 详细

ES6基础之——对象属性名

时间:2019-06-21 19:54:13      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:括号   expec   一个   ted   使用   script   解决办法   两种   解决   

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

ES6基础之——对象属性名

标签:括号   expec   一个   ted   使用   script   解决办法   两种   解决   

原文地址:https://www.cnblogs.com/fe-cherrydlh/p/11066483.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!