前言

Javascript 團體的每個人都喜歡新的API,語法更新以及特性，它們提供了更好的，更智能，更有效的方式以完成重要的任務。

繼上一篇的 《簡單談談ES6的六個小特性》，這次我再分享6個可以減少代碼和最大化效率的方法。

1.Object Shorthand

新的對象聲明方法允許我們可以不聲明對象的 key :

var x = 12;var y = yes;var z = {one:'1',two:'2'};// The old wayvar obj = { x:x, y:y, z:z}// The new wayvar 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 是這部分最棒的。不需要使用函數來進行特殊的設定