快捷導(dǎo)航

關(guān)于ES6的六個(gè)小特性（二）

更新時(shí)間：2017年02月20日 09:57:21 作者：Zhuxy

ES6提供了大量新的好的東西，在過去的一年內(nèi)，瀏覽器提供商做了大量的辛勤工作將新的語言特性更新到他們的瀏覽器中。盡管有重大的更新，很多小的語言更新另我眼前一亮，下面這篇文章主要介紹了關(guān)于ES6的六個(gè)小特性,需要的朋友可以參考下。

前言

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

繼上一篇的《簡單談?wù)凟S6的六個(gè)小特性》，這次我再分享6個(gè)可以減少代碼和最大化效率的方法。

1.Object Shorthand

新的對(duì)象聲明方法允許我們可以不聲明對(duì)象的 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)建塊級(jí)作用于，完成立即執(zhí)行函數(shù)的作用：

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

 // do stuff
}

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

如果在 Block 內(nèi)部聲明函數(shù)，它將會(huì)被外部訪問到。但你如果使用 let 關(guān)鍵字聲明函數(shù)自變量，將不使用括號(hào)的情況下實(shí)現(xiàn) IEF 的功能。

4. for loops and let

因?yàn)樵贘S里面會(huì)存在變量提升，我們經(jīng)常會(huì)在作用域前面聲明一些”無用”的迭代變量，例如（for var x = …）。ES6 使用 let 解決了此惱人的問題：

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

x; // ReferenceError: x is not defined

不久以后 let 會(huì)被應(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í)，一切都會(huì)自動(dòng)執(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)致的。

原文：https://davidwalsh.name/es6-features-ii/amp

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對(duì)大家學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流。

您可能感興趣的文章: