您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)ES6中有哪些特性的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。
1.Object Shorthand
新的對象聲明方法允許我們可以不聲明對象的 key :
var x = 12; var y = yes; var z = {one:'1',two:'2'}; // The old way var obj = { x:x, y:y, z:z } // The new way var obj = {x,y,z};
2.Method Properties
避免 function 關(guān)鍵字聲明函數(shù):
var davidwalsh = { makeItHappen(param){ // do stuff } }
必須承認(rèn)去除掉 function 關(guān)鍵字確實(shí)使代碼簡潔、更好維護(hù)。
3.Blocks vs Immediately Executed Functions
下面創(chuàng)建立即執(zhí)行方法的模式有點(diǎn)難看:
(function(){ // do stuff })();
通過ES6我們可以通過 {} 和 let 來創(chuàng)建塊級作用于,完成立即執(zhí)行函數(shù)的作用:
{ let j = 12; let divs = document.querySelectorAll('div'); // do stuff } j; // ReferenceError: j is not defined...
如果在 Block 內(nèi)部聲明函數(shù),它將會被外部訪問到。但你如果使用 let 關(guān)鍵字聲明函數(shù)自變量,將不使用括號的情況下實(shí)現(xiàn) IEF 的功能。
4. for loops and let
因?yàn)樵贘S里面會存在變量提升,我們經(jīng)常會在作用域前面聲明一些”無用”的迭代變量,例如(for var x = …)。ES6 使用 let 解決了此惱人的問題:
for(let x = 0; x < len; i++){ //do stuff } x; // ReferenceError: x is not defined
不久以后 let 會被應(yīng)用的更多。
5.get and set for Classes
class Cart{ constructor(total){ this._total = total; } get total(){return this._total;} set total(v){this._total = Number(v);} } var cart = new Cart(100); cart.total // 100
能為屬性設(shè)置 get、set 是這部分最棒的。不需要使用函數(shù)來進(jìn)行特殊的設(shè)定–當(dāng)執(zhí)行 obj.prop = {value} 時(shí),一切都會自動執(zhí)行。
6.startsWith,endsWith and includes
"MooTools".startsWith("Moo"); // true; "MooTools".startsWith("moo"); // false; "MooTools".endsWith("Tools"); // true; "MooTools".includes("oo"); // true;
注:includes 方法兼容性還是很多,曾有一個(gè)線上bug,就是因?yàn)椴恢С执朔椒▽?dǎo)致的。
感謝各位的閱讀!關(guān)于“ES6中有哪些特性”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。