iT邦幫忙

ecmascript相關文章
共有 50 則文章
鐵人賽 Modern Web DAY 29
JavaScript 之旅 系列 第 29

技術 JavaScript 之旅 (29):Logical assignment operators ( &&=、||= 和 ??= )

本篇介紹 ES2021 (ES12) 提供的 Logical assignment operators ( &&=、||= 和 ??= )。...

鐵人賽 Modern Web DAY 28

技術 [Day28] Typescript (tsconfig.json)

在寫 Typescript 時,最重要的就是要有 tsconfig.json。因為 ts 或 tsx 檔並不能直接在環境執行,所以需要有一份設定檔告訴 comp...

鐵人賽 Modern Web DAY 28
JavaScript 之旅 系列 第 28

技術 JavaScript 之旅 (28):Numeric Separators

本篇介紹 ES2021 (ES12) 提供的 Numeric Separators。 過去的 Number 一直以來,很大的數字,或是有很多小數位的數字可讀性...

鐵人賽 Modern Web DAY 27
JavaScript 之旅 系列 第 27

技術 JavaScript 之旅 (27):Promise.any() & AggregateError

本篇介紹 ES2021 (ES12) 提供的 Promise.any() 和 AggregateError。 之前有介紹 ES2020 (ES11) 提供的...

鐵人賽 Modern Web DAY 26
JavaScript 之旅 系列 第 26

技術 JavaScript 之旅 (26):String.prototype.replaceAll()

本篇介紹 ES2021 (ES12) 提供的 String.prototype.replaceAll()。 過去的字串取代小技巧 將一個字串中的指定子字串,取...

鐵人賽 Modern Web DAY 25

技術 [Day25] ES2020(ES11) - 內建物件

Promise.allSettled 在Day14的時候,介紹了 Promise 針對一次執行多個 promise 時,兩種靜態方法的提供 - Promis...

鐵人賽 Modern Web DAY 25
JavaScript 之旅 系列 第 25

技術 JavaScript 之旅 (25):Nullish Coalescing Operator ( ?? 運算子)

本篇介紹 ES2020 (ES11) 提供的 Nullish Coalescing Operator ( ?? 運算子)。 過去的 || 運算子 如果某個值為...

鐵人賽 Modern Web DAY 24

技術 [Day24] ES2020(ES11) - 模組

Dynamic import 在模組化開發下,我們會以import的方式匯入需要的模組。但是因為import是屬於靜態函式,如果有些模組是在特定條件下才會用到的...

鐵人賽 Modern Web DAY 24
JavaScript 之旅 系列 第 24

技術 JavaScript 之旅 (24):Optional Chaining Operator ( ?. 運算子)

本篇介紹 ES2020 (ES11) 提供的 Optional Chaining Operator ( ?. 運算子)。 前言 當你要存取某個變數上的 pro...

鐵人賽 Modern Web DAY 23

技術 [Day23] ES2020(ES11) - 運算子

今年的標準 - ES2020 在年中的時候熱騰騰地推出,不曉得有多少人已經在用了呢? 跟 ES6 以後的變更差不多,沒有到說有非常大的改革。不過今年推出的特性其...

鐵人賽 Modern Web DAY 23
JavaScript 之旅 系列 第 23

技術 JavaScript 之旅 (23):Dynamic import()

本篇介紹 ES2020 (ES11) 提供的 import()。 前言 在過去,模組只能用靜態宣告的方式 import,接收的字串字面值 (literal)...

鐵人賽 Modern Web DAY 22

技術 [Day22] ES2019(ES10)

ES2019 在內建物件中多了一些擴充語法,還有擴增語法彈性等,一起來看看吧! Optional catch binding 在寫 try catch 時,我們...

鐵人賽 Modern Web DAY 22
JavaScript 之旅 系列 第 22

技術 JavaScript 之旅 (22):BigInt

本篇介紹 ES2020 (ES11) 提供的 BigInt。 本文同步發表於 Titangene Blog:JavaScript 之旅 (22):BigI...

鐵人賽 Modern Web DAY 20
JavaScript 之旅 系列 第 20

技術 JavaScript 之旅 (20):Promise.allSettled()

本篇介紹 ES2020 (ES11) 提供的 Promise.allSettled()。 前言 在開始介紹 Promise.allSettled() 之前,先...

鐵人賽 Modern Web DAY 19

技術 [Day19] ES2017(ES8) - 其他

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

鐵人賽 Modern Web DAY 19
JavaScript 之旅 系列 第 19

技術 JavaScript 之旅 (19):String.prototype.matchAll()

本篇介紹 ES2020 (ES11) 提供的 String.prototype.matchAll()。 過去的 RegExp 若將一個字串使用的 RegExp...

鐵人賽 Modern Web DAY 17

技術 [Day17] ES2017(ES8) - Await & Async

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

鐵人賽 Modern Web DAY 16

技術 [Day16] ES2016(ES7)

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

鐵人賽 Modern Web DAY 14
JavaScript 之旅 系列 第 14

技術 JavaScript 之旅 (14):Async Iterators

本篇介紹 ES2018 (ES9) 提供的 async iterators (非同步迭代器)。 在 ES2015 (ES6) 引入了 iterator int...

鐵人賽 Modern Web DAY 14

技術 [Day14] ES2015(ES6) - Promise

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

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 Modern Web DAY 13
JavaScript 之旅 系列 第 13

技術 JavaScript 之旅 (13):Object Rest/Spread Properties

本篇介紹 ES2018 (ES9) 提供的 object rest/spread properties。 在 ES6 時,引入了以下特性: 用於陣列解構賦值...

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Modern Web DAY 12
JavaScript 之旅 系列 第 12

技術 JavaScript 之旅 (12):RegExp Lookbehind Assertions

本篇介紹 ES2018 (ES9) 提供的 RegExp Lookbehind Assertions。 Lookarounds 是 zero-width as...

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 11
JavaScript 之旅 系列 第 11

技術 JavaScript 之旅 (11):RegExp Unicode property escapes

本篇介紹 ES2018 (ES9) 提供的 RegExp 的 Unicode property escapes。 本篇會有很多特殊字元,但 IT 鐵人這裡無...

鐵人賽 Modern Web DAY 10
JavaScript 之旅 系列 第 10

技術 JavaScript 之旅 (10):RegExp Named Capture Groups

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

鐵人賽 Modern Web DAY 9
JavaScript 之旅 系列 第 9

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

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

鐵人賽 Modern Web DAY 9

技術 [Day09] ES2015(ES6) - Set & Map

今天介紹的是 ES2015 中新增加的兩種資料結構 - Set 跟 Map。 這兩種物件在擁有的屬性跟方法上,都非常相似。只是 Set 長的比較像陣列,而Map...

鐵人賽 Modern Web DAY 8
JavaScript 之旅 系列 第 8

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

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