您好,登錄后才能下訂單哦!
小編給大家分享一下ES6中增強(qiáng)的對(duì)象字面量的,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
在es6中,對(duì)象字面量的語(yǔ)法被增強(qiáng)了
如果屬性的屬性名和屬性值引用的變量名一致,可以直接省略
let name="jack" // es6之前 var obj={name:name} // {name:"jack"} // es6 let obj={name} // {name:"jack"}
如果屬性的屬性名和屬性值(函數(shù))的函數(shù)名一致或者屬性值(函數(shù))沒(méi)有函數(shù)名,可以省略function
關(guān)鍵字和屬性名
// 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}}
屬性名可以動(dòng)態(tài)變化
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}
源碼
let key="name" let age=23 let person={ [key]:"jack", getName(){return "jack"}, age }
翻譯后可以發(fā)現(xiàn),使用的是 Object.defineProperty
實(shí)現(xiàn)的
"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);
看完了這篇文章,相信你對(duì)ES6中增強(qiáng)的對(duì)象字面量的有了一定的了解,想了解更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。