iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

從ES到ESNext - 30天輕鬆掌握ECMAScript 系列

身為WEB前端工程師,一定都聽過ES5、ES6到ESNext,
但同時又對ES2015、ES2016等其他名稱產生混淆。
到底這些名稱背後的意義是什麼?在實務上要如何應用呢?
這30天內,希望透過淺白的介紹跟整理,讓大家都能一步步上手!

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文
DAY 11

[Day11] ES2015(ES6)&ES2018(ES9) - 剩餘/展開運算子(Rest/Spread Operator)

在 ES2015 中推出的新的運算子 ...,並且針對使用對象和情境有不同用途 展開(Spread): 將對象裡的元素展開成個別的值。常用在將對象進行 淺拷...

2020-09-26 ‧ 由 YURI 分享
DAY 12

[Day12] ES2015(ES6) - 類別(class)

在 Javascript 中,實體的建立機制主要是 prototype-based為基礎的物件導向設計。在 ES5,我們需要新增建構函式,來產生所謂的原型,並以...

2020-09-27 ‧ 由 YURI 分享
DAY 13

[Day13] ES2015(ES6) - 可迭代(Iterable)與產生器(Generator)

可迭代(Iterable) 在前面幾天中,我們有介紹到資料結構,像是 Set、Map,以及我們熟悉的陣列,並提起有 迭代器(Iterator) 可以使用,例如...

2020-09-28 ‧ 由 YURI 分享
DAY 14

[Day14] ES2015(ES6) - Promise

寫 ES5 時,只要需要寫到非同步請求,我們或多或少都有接觸到 promise 的寫法。但是因為在 Javascript 中還沒有實作,所以還要額外匯入支援的函...

2020-09-29 ‧ 由 YURI 分享
DAY 15

[Day15] ES2015(ES6) - 模組 (Module)<未完>

主流的模組規範 UMD CommonJS ES Module export export {fn1 as fn2} export default export...

2020-09-30 ‧ 由 YURI 分享
DAY 16

[Day16] ES2016(ES7)

從 ES2016 開始的改版,規模並不像 ES2015 般那麼的龐大。以目前來看大部分是些內建型別或與語法的擴充。以 ES2016 來說,主要只有推出兩個標準:...

2020-10-01 ‧ 由 YURI 分享
DAY 17

[Day17] ES2017(ES8) - Await & Async

在 ES2015 中,將 Promise 標準化,解決了以往要寫非同步時容易產生的 callback hell。不過寫久了就會發現,如果有多個非同步,或是有複雜...

2020-10-02 ‧ 由 YURI 分享
DAY 18

[Day18] ES2017(ES8) - SharedArrayBuffer & Atomics<未完>

Parallelism v.s. Concurrency Web Worker SharedArrayBuffer Atomics 與 WebAssembly...

2020-10-03 ‧ 由 YURI 分享
DAY 19

[Day19] ES2017(ES8) - 其他

字串 String.prototype.padStart(targetLength:number, padString?:string) padString預設...

2020-10-04 ‧ 由 YURI 分享
DAY 20

[Day20] ES2018(ES9) - 非同步<未完>

for - await - of let html = ""; const asyncItr = { [Symbol.asyncIter...

2020-10-05 ‧ 由 YURI 分享