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

es6记录之三——对象的属性名表达式

时间:2019-02-07 15:03:19      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:方式   表示   false   pre   允许   报错   使用方法   属性   两种   

JavaScript 定义对象的属性,有两种方法。

// 方法一
obj.foo = true;

// 方法二
obj[‘a‘ + ‘bc‘] = 123;

上面代码的方法一是直接用标识符作为属性名,方法二是用表达式作为属性名,这时要将表达式放在方括号之内。

但是,如果使用字面量方式定义对象(使用大括号),在 ES5 中只能使用方法一(标识符)定义属性。

var obj = {
  foo: true,
  abc: 123
};

 ES6 允许字面量定义对象时,用方法二(表达式)作为对象的属性名,即把表达式放在方括号内。

let propKey = ‘foo‘;

let obj = {
  [propKey]: true,
  [‘a‘ + ‘bc‘]: 123
};

 注意,属性名表达式与简洁表示法,不能同时使用,会报错。

// 报错
const foo = ‘bar‘;
const bar = ‘abc‘;
const baz = { [foo] };

// 正确
const foo = ‘bar‘;
const baz = { [foo]: ‘abc‘};

(以上为ECMAScript 6 入门原文)

es6记录之三——对象的属性名表达式

标签:方式   表示   false   pre   允许   报错   使用方法   属性   两种   

原文地址:https://www.cnblogs.com/zhengshihui/p/10354762.html

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