ES6-对象的扩展-属性名表达式
来源:互联网 发布:百度分享 seo 编辑:程序博客网 时间:2024/05/17 09:00
JavaScript 定义对象的属性,有两种方法。
// 方法一obj.foo = true;// 方法二obj['a' + 'bc'] = 123;上面代码的方法一是直接用标识符作为属性名,方法二是用表达式作为属性名,这时要将表达式放在方括号之内。
但是,如果使用字面量方式定义对象(使用大括号),在 ES5 中只能使用方法一(标识符)定义属性。
var obj = { foo: true, abc: 123};ES6 允许字面量定义对象时,用方法二(表达式)作为对象的属性名,即把表达式放在方括号内。
let lastWord = 'last word';const a = { 'first word': 'hello', [lastWord]: 'world'};a['first word'] // "hello"a[lastWord] // "world"a['last word'] // "world"表达式还可以用于定义方法名。
let obj = { ['h' + 'ello']() { return 'hi'; }};obj.hello() // hi注意,属性名表达式与简洁表示法,不能同时使用,会报错。
// 报错const foo = 'bar';const bar = 'abc';const baz = { [foo] };// 正确const foo = 'bar';const baz = { [foo]: 'abc'};注意,属性名表达式如果是一个对象,默认情况下会自动将对象转为字符串 [object Object],这一点要特别小心。
const keyA = {a: 1};const keyB = {b: 2};const myObject = { [keyA]: 'valueA', [keyB]: 'valueB'};myObject // Object {[object Object]: "valueB"}上面代码中,[keyA] 和 [keyB] 得到的都是 [object Object],所以 [keyB] 会把 [keyA] 覆盖掉,而 myObject 最后只有一个 [object Object] 属性。
阅读全文
0 0
- ES6-对象的扩展-属性名表达式
- ES6-对象的扩展-方法name属性
- ES6对象的扩展
- 【es6】对象的扩展
- ES6--对象的扩展
- ES6对象的扩展
- ES6-对象的扩展-属性的简介表示法
- ES6-对象的扩展-_proto_ 属性,Object.setPrototypeOf(),Object.getProtitypeOf()
- ES6 扩展的正则表达式
- ES6-Array对象的扩展
- 【ES6】对象的扩展2
- es6入门-对象的扩展
- ES6--对象、函数的扩展
- 07、ES6 对象的扩展
- ES6(八) 对象的扩展
- ES6--内置对象的扩展
- ES6的全局对象属性
- ES6顶层对象的属性
- react-router 4.0 格式化文档
- 路由
- Override和Overload
- 看到科技亮相高交会:你不能错过的五大看点预告!
- PullToRefresh添加HeaderView(Banner轮播)
- ES6-对象的扩展-属性名表达式
- Tensorflow Lite 0.1 for Android
- PHP curl请求错误汇总和解决方案
- 人工智能需要一个可被证明的理论作为基础 | 哈佛丘成桐
- 入门 | 一文概览深度学习中的激活函数
- 获取当前 标注样式dimstyle
- 究竟深度学习在干什么?
- pyinstaller打成exe可执行文件
- Noip 2017 总结