「ES6」六個微小但令人敬畏的小功能

「ES6」六個微小但令人敬畏的小功能

JavaScript社區中的每個人都喜歡新的API、語法更新和功能,它們提供了更好,更智能,更高效的方式來完成重要任務。ES6帶來了大量新的好東西,瀏覽器廠商在過去一年中努力將這些語言更新到瀏覽器中。雖然有很大的更新,但一些較小的語言更新卻在我的臉上留下了一個巨大的笑容; 以下是JavaScript語言中我最喜歡的6個新增內容!

1.對象[鍵]設置語法

一個煩人的JavaScript開發人員已經有很長一段時間不能在一個對象字面聲明中設置一個變量鍵的值 - 你必須在原始聲明後添加鍵/值:

「ES6」六個微小但令人敬畏的小功能


最好這種模式是不方便的,最壞的情況是混亂和醜陋。ES6為開發人員提供了一個擺脫這個混亂的辦法:

「ES6」六個微小但令人敬畏的小功能


將變量鍵包裝在一個語句中,讓開發人員可以在一個語句中完成所有操作。

2.箭頭功能

你不需要根據ES6每一個變化來了解箭頭函數,它們一直是JavaScript開發人員的熱門話題,雖然有很多博客帖子來解釋箭頭函數各個方法,但這裡我直接給出代碼:

「ES6」六個微小但令人敬畏的小功能

沒有函數或返回關鍵字,有時甚至不需要添加()——箭頭函數是簡單函數的一種很好的編碼捷徑。

3. find / findIndex

JavaScript開發者Array.prototype。在數組中獲取給定項目的索引,但是indexOf沒有提供計算所需項目條件的方法;您還需要搜索一個確切的已知值。輸入find和findIndex—兩個用於搜索一個計算值的數組的方法:

「ES6」六個微小但令人敬畏的小功能

find和findIndex,通過允許計算值搜索,也可以防止不必要的副作用,並循環遍歷可能的值!

4.展開運算符:

運算符表示一個數組或可迭代對象應該將其內容拆分為一個調用中的獨立參數。幾個例子:

「ES6」六個微小但令人敬畏的小功能


令人敬畏的額外好處是能夠將可迭代對象(NodeList、參數等等)轉換為真正的數組——我們使用array..從或其他黑客工具中使用了很長一段時間。

5.模板文字

JavaScript內的多行字符串最初是由連接或用字符結束的,這兩種字符串都很難維護。許多開發人員甚至一些框架都開始濫用標籤來封裝多行模板,而其他一些開發人員實際上用DOM創建了元素,並使用外層HTML將元素HTML作為一個字符串來獲取。ES6提供了模板文字,您可以使用反引號來輕鬆地創建多行字符串。

「ES6」六個微小但令人敬畏的小功能

6.默認參數值

在函數簽名中提供默認的參數值是由許多服務器端語言提供的功能,如python和PHP,現在我們有了JavaScript內的能力:

「ES6」六個微小但令人敬畏的小功能


如果沒有提供默認值的參數沒有提供,其他語言可能會發出警告,但是JavaScript會繼續將這些參數值設置為未定義的值。我在這裡列出的6個特性只是ES6為開發人員提供的一種滄海一粟,但它們是我們將經常使用的特性,而無需考慮任何問題。正是這些微小的添加,往往得不到注意,但成為我們編碼的核心。

「ES6」六個微小但令人敬畏的小功能


分享到:


相關文章: