ES6中有哪些特性

這篇文章給大家分享的是有關ES6中有哪些特性的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

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 關鍵字聲明函數：

var davidwalsh = {
 makeItHappen(param){
 // do stuff
 }
}

必須承認去除掉 function 關鍵字確實使代碼簡潔、更好維護。

3.Blocks vs Immediately Executed Functions

下面創建立即執行方法的模式有點難看：

(function(){
 // do stuff
})();

通過ES6我們可以通過 {} 和 let 來創建塊級作用于，完成立即執行函數的作用：

{
 let j = 12;
 let divs = document.querySelectorAll('div');

 // do stuff
}

j; // ReferenceError: j is not defined...

如果在 Block 內部聲明函數，它將會被外部訪問到。但你如果使用 let 關鍵字聲明函數自變量，將不使用括號的情況下實現 IEF 的功能。

4. for loops and let

因為在JS里面會存在變量提升，我們經常會在作用域前面聲明一些”無用”的迭代變量，例如（for var x = …）。ES6 使用 let 解決了此惱人的問題：

for(let x = 0; x < len; i++){
 //do stuff
}

x; // ReferenceError: x is not defined

不久以后 let 會被應用的更多。

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

能為屬性設置 get、set 是這部分最棒的。不需要使用函數來進行特殊的設定–當執行 obj.prop = {value} 時，一切都會自動執行。

6.startsWith,endsWith and includes

"MooTools".startsWith("Moo"); // true;
"MooTools".startsWith("moo"); // false;

"MooTools".endsWith("Tools"); // true;

"MooTools".includes("oo"); // true;

注：includes 方法兼容性還是很多，曾有一個線上bug，就是因為不支持此方法導致的。

感謝各位的閱讀！關于“ES6中有哪些特性”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！