課程介紹
ECMAScript相關名詞介紹
let變數宣告以及宣告特性
let經典案例實踐
const聲明常數以及特點
變數的解構賦值
模板字串
對象的簡化寫法
箭頭函數以及聲明特點
箭頭函數的實踐與應用場景
函數參數的預設值設定
rest參數
擴展運算符的介紹
擴展運算符的應用
Symbol的介紹與創建
物件添加Symbol類型的屬性
Symbol的內建屬性
迭代器介紹
迭代器應用-自訂遍歷數據
生成器函數聲明與調用
生成器函數的參數傳遞
生成器函數實例
生成器函數實例-2
Promise介紹與基本使用
Promise封裝讀取文件
Promise封裝AJAX請求
Promise.prototype..then 方法
Promise實踐練習-多個文件內容讀取
Promise物件catch方法
集合介紹與API
集合實踐
Map的介紹與API
class介紹與初體驗
class靜態成員
ES5建構函數繼承
class的類別繼承
子類別對父類別方法的重寫
class中getter和setter設定
ES6的數值擴展
ES6的物件方法擴展
模組化介紹、優勢以及產品
瀏覽器使用ES6模組化引入模組
ES6模組暴露資料語法匯總
ES6引入模組資料語法匯總
瀏覽器使用ES6模組化方式二
babel對ES6模組化程式碼轉換
ES6模組化引入NPM包
ES7新特性
async函數
await表達式
async與await結合讀取檔案內容
async與await結合發送AJAX請求
ES8物件方法擴展
ES9擴充運算子與rest參數
ES9正規擴展-命名捕獲分組
ES9正則擴展-反向斷言
ES9正規擴展-dotAll模式
物件擴充方法Object.fromEntries
字串方法擴展-trimStart-trimEnd
數組方法擴充-flat與flatMap
Symbol.prototype.description
私有屬性
Promise.allSettled 方法
String.prototype.matchAll 方法
可選鏈操作符
動態import
BigInt類型
絕對全域物件globalThis
現階段前端產業發展迅猛,前端技術也正在高速迭代,ES6-ES11規格增加了許多JavaScript新特性。 ES新特性已成為前端技術發展的趨勢,語法簡潔,功能豐富,部分特性仍有效能提升。 本套課程以ECMA相關概念講起,涵蓋ES6-ES11的新特性,每個新特性都有對應的代碼,部分特性還加入了專門的案例,課程由淺入深,通俗易懂,學習後會有較大的技術提升。