ES6入門學習實用性及應用場景分析

本文是根據阮一峯的 ECMAScript6入門 一書學習並結合當前工做狀況,總結的各部份內容的實用性,及其應用場景分析.es6

No. 章節名 實用性 應用場景
2 let和const命令 4 1.let和const都是當前js環境必不可少的兩個指令,習得此節後對使用這兩種指令更加嫺熟,減小一些可能的代碼錯誤,特別是對暫時性死區的瞭解. 2.對頂層對象有必定的瞭解.
3 變量的解構賦值 3 1.閱讀其餘源碼時,可以更好的理解; 2.參考第7點用途一節,目前用的比較多的是:函數參數的定義,函數參數的默認值,提取JSON數據.
4 字符串的擴展 1 1.字符串的Unicode表示方法,可能能用於一些字符串處理的通用方法中; 2.模板字符串用於一些提示的方法生成;
5 字符串的新增方法 2 1.判斷字符串存在性的方法,可替代原來的正則表達式判斷且更加直觀; 2.字符串補全方法與localCompare()方法配合起來,能夠用來判斷不等長具備必定規則編碼的判斷.
6 正則的擴展 1 1.正則表達式自己即具有較普遍的應用場景,它所提供的功能每每比須要且知道的還多; 2.擴展的內容中,之後行斷言,Unicode屬性類和具名組匹配,可能獲得更多的應用;
7 數值的擴展 1 1.對於通常業務場景能適用的改進較少.如Math.sign().多數方便的方法最好仍是本身封裝; 2.對於數學領域方法擴展較多,對於地圖,做圖等領域可能有較大幫助;
8 函數的擴展 4 1.函數參數默認值和rest參數,使定義函數的時候更加方便; 2.箭頭函數應用普遍,尤爲注意箭頭函數的this. 3.尾調用在高等用法中做用較大,平常邏輯中使用較少,但設計優化點值得注意.
9 數組的擴展 3 1.擴展運算符在構建新數組的時候很是方便; 2.數組實例的entries方法,用於同時有遍歷索引與值的場合; 3.flat,flatMap適用於一些解決複雜數據的場合;
10 對象的擴展 2 解構賦值對於淺拷貝對象很是有用;
11 對象的新增方法 3 1.Object.assign對於對象合併較爲方便; 2.新標準支持的遍歷方法更加方便; 3.Object.fromEntries在某些場合做用較大;
12 Symbol 1 概念大體理解了,但目前不太肯定何種場合使用.
13 Set和Map數據結構 2 1.Set在去除重複值的時候有些做用; 2.Map相對來講,可能不如對象直接使用方便;
14 Proxy 1 暫未發現
15 Reflect 1 1.能夠和Proxy共同發揮做用; 2.也可代替Object成爲某些行爲的函數形式;
16 Promise 5 ES6最重要的幾個改進之一,相比於此前大大提高了開發便捷性.Promise可稱爲ES6異步操做的基本單位. 根據Promise的語法設置,對於全部可能的異步方法,最多見的ajax發送請求,以及解析圖片,excel等,都建議以一個Promise的對象做爲返回值.
17 Iterator和for...of循環 3 1.Iterator概念更適合理解,應用上幫助不是很大; 2.for...of語法較爲實用;
18 Generator函數的語法 2 ES6的幾個重大改進之一,將操做遍歷化.目前的實際工做中暫時沒有想到十分合適應用場景,後續多留意
19 Generator函數的異步應用 2 處理一些比較複雜的(多個的)異步應用幫助很大. 但建議,先經過使用Promise瞭解透這種思想後再使用這種更爲複雜的思路.
20 async函數 4 目前來看,實現多個異步操做最完美的方案.固然,仍然有賴於Promise這個基本異步操做單位.
21 Class的基本語法 2 目前沒有看出Class有什麼比較普遍的用法.
22 Class的繼承 1 同上一章同樣,因爲Class自己較少使用,故Class的繼承也較少用到.
23 Module的語法 4 如概述中索引,Module最大的做用,就是使邏輯能夠分離在不一樣的文件中,減小系統的總體複雜度.
24 Module的加載實現 2 瀏覽器加載比較適用.
25 編程風格 4 (本章內容主要參考Airbnb公司的js風格規範)本章介紹了多數皆可狀況下的風格選擇.

總的來講,解構賦值,箭頭函數,Promise及更進一步的async,Module的語法是ES6中比較重要的幾個提高,能夠更優雅的解決問題.ajax

相關文章
相關標籤/搜索