iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

JavaScript 之旅 系列

現代前端有很多工具能幫你把新的 ECMAScript 特性轉成舊環境支援的語法,且新版的瀏覽器也直接支援未來即將推出的新特性,你可用新的 ECMAScript 特性進行開發,能獲得程式碼變少、更易讀...等好處。

本系列會介紹 ES2016 到 ES2020 的特性 (也許會寫到 ES2021?),探討以前的舊寫法、polyfill 和新特性之間的差異。讓我們一起進入「JavaScript 之旅」一探 ECMAScript 的演進過程吧!

鐵人鍊成 | 共 30 篇文章 | 100 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v4.0
DAY 1

達標好文 JavaScript 之旅 (1):介紹 ECMA、ECMAScript、JavaScript 和 TC39

你很常聽到 ES6、ES7、ES2017 等這些名稱嗎?有聽過 ECMA 和 TC39 嗎?ECMAScript 和 JavaScript 又是什麼?規範要去...

2020-09-16 ‧ 由 Titangene 分享
DAY 2

JavaScript 之旅 (2):Array.prototype.includes()

常會有找出陣列中是否包含某元素的需求,過去會使用 Array.prototype.indexOf() 來處理,但在 ES2016 (ES7) 提供了 Arra...

2020-09-17 ‧ 由 Titangene 分享
DAY 3

JavaScript 之旅 (3):Exponentiation Operator (指數運算子)

寫程式應該很常會用到指數運算,過去我們會用 Math.pow(),但在 ES2016 (ES7) 提供了 exponentiation operator (指...

2020-09-18 ‧ 由 Titangene 分享
DAY 4

JavaScript 之旅 (4):Object.keys() & Object.values() & Object.entries()

有時要將 JS 物件轉成其他資料結構,所以需要迭代物件中的所有 property,過去會用 for-in 陳述句,但只想列舉 own property,就必須...

2020-09-19 ‧ 由 Titangene 分享
DAY 5

JavaScript 之旅 (5):String method - padStart & padEnd

在字串的前綴或後綴補字元,是字串處理常見的需求,過去要自行處理,終於在 ES2017 (ES8) 新增了 String.prototype.padStart(...

2020-09-20 ‧ 由 Titangene 分享
DAY 6

JavaScript 之旅 (6):Async Functions & await (1)

本篇來介紹 Async Functions & await expression。 本文同步發表於 Titangene Blog:JavaScrip...

2020-09-21 ‧ 由 Titangene 分享
DAY 7

JavaScript 之旅 (7):Async Functions & await (2)

Promise 的 then() 和 catch() vs. async / await 的 try-catch 非同步一般處理 處理一個非同步行為 若用 Pr...

2020-09-22 ‧ 由 Titangene 分享
DAY 8

JavaScript 之旅 (8):Promise.prototype.finally()

本篇介紹 ES2018 (ES9) 提供的 Promise.prototype.finally()。 下面是幾個非同步處理很常見的情境: 進入某頁面時,會立...

2020-09-23 ‧ 由 Titangene 分享
DAY 9

JavaScript 之旅 (9):RegExp 的 s (dotAll) flag

本篇介紹 ES2018 (ES9) 提供的 RegExp 的 s (dotAll) flag。 本篇會有很多特殊字元,但 IT 鐵人這裡無法顯示這些字元,所...

2020-09-24 ‧ 由 Titangene 分享
DAY 10

JavaScript 之旅 (10):RegExp Named Capture Groups

本篇介紹 ES2018 (ES9) 提供的 RegExp Named Capture Groups。 過去的 Numbered Capture Groups...

2020-09-25 ‧ 由 Titangene 分享