JavaScript对象字面量属性加不加引号的区别

快乐打工仔 分类:实例代码

JavaScript对象字面量属性加不加引号的区别属于前端实例代码,有关更多实例代码大家可以查看

对象直接量,也可以叫做对象字面量,看如下代码:

var obj={
  webName:"犀牛前端部落",
  url:"pipipi.net",
  age:2
}

上面是一个最简单的对象直接量的代码,属性没有引号,当然也可以带引号,代码如下:

var obj={
  "webName":"犀牛前端部落",
  "url":"pipipi.net",
  "age":2
}

带引号和不带引号是有所区别的,下面做一下简单介绍:

(1).ES5中,保留字可以用作不带引号的属性名称,但ES3中,使用保留字作为属性名称则必须带引号。

(2).当属性名称是不合规范命名的时候,不使用引号会报错,看如下代码:

var obj={
  5ai:"犀牛前端部落"
}

上面的代码会报错,但如果加上引号就不会报错了,代码如下:

var obj={
  "5ai":"犀牛前端部落"
}

对于这种不合法的属性命名,访问的时候不能够用点,必须要用中括号,代码如下:

var obj={
  "5ai":"犀牛前端部落"
}
console.log(obj["5ai"]);

JavaScript对象字面量属性加不加引号的区别,这样的场景在实际项目中还是用的比较多的,关于JavaScript对象字面量属性加不加引号的区别就介绍到这了。

回复

我来回复
  • 暂无回复内容