ES6中增强的对象字面量的
小编给大家分享一下ES6中增强的对象字面量的,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!
创新互联基于成都重庆香港及美国等地区分布式IDC机房数据中心构建的电信大带宽,联通大带宽,移动大带宽,多线BGP大带宽租用,是为众多客户提供专业移动服务器托管报价,主机托管价格性价比高,为金融证券行业服务器托管,ai人工智能服务器托管提供bgp线路100M独享,G口带宽及机柜租用的专业成都idc公司。
概述
在es6中,对象字面量的语法被增强了
更短的属性声明
如果属性的属性名和属性值引用的变量名一致,可以直接省略
let name="jack" // es6之前 var obj={name:name} // {name:"jack"} // es6 let obj={name} // {name:"jack"}
更短的函数声明
如果属性的属性名和属性值(函数)的函数名一致或者属性值(函数)没有函数名,可以省略function
关键字和属性名
// es6之前 var obj={sum: function(a, b){return a+b}} // es6 let obj={sum(a, b){return a+b}} //{sum:function(a, b){return a+b}}
可动态计算的属性名
属性名可以动态变化
let key="name" let obj={[key]:"jack"} // {name:'jack'}
总览
let key="name" let age=23 let person={ [key]:"jack", getName(){return "jack"}, age } // {name:"jack",getName:function(){return "jack"},age:23}
使用babel翻译
源码
let key="name" let age=23 let person={ [key]:"jack", getName(){return "jack"}, age }
翻译后可以发现,使用的是 Object.defineProperty
实现的
"use strict"; var _person; function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } var key = "name"; var age = 23; var person = (_person = {}, _defineProperty(_person, key, "jack"), _defineProperty(_person, "getName", function getName() { return "jack"; }), _defineProperty(_person, "age", age), _person);
看完了这篇文章,相信你对ES6中增强的对象字面量的有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
文章标题:ES6中增强的对象字面量的
标题链接:http://myzitong.com/article/gehgod.html