iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

5 Like 0 留言 39724 瀏覽

鐵人賽 Modern Web DAY 4

JavaScript 之旅系列第 4 篇

技術 JavaScript 之旅 (4)：Object.keys() & Object.values() & Object.entries()

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

Titangene ‧ 2020-09-19 ‧團隊好想工作室 v4.0

2 Like 0 留言 36265 瀏覽

達標好文技術 JavaScript ES6-重點紀錄系列總集

這個系列是為了可以成為更好的前端工程師，所需要有的 JavaScript 技能，我把這些研究的重點都記錄下來了。 ES6 從推出到現在已經過蠻久了，應用上也很成...

Vision ‧ 2018-01-24

3 Like 0 留言 12790 瀏覽

鐵人賽 Modern Web DAY 2

JavaScript 之旅系列第 2 篇

技術 JavaScript 之旅 (2)：Array.prototype.includes()

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

Titangene ‧ 2020-09-17 ‧團隊好想工作室 v4.0

1 Like 0 留言 12380 瀏覽

鐵人賽 Modern Web DAY 7

JavaScript 之旅系列第 7 篇

技術 JavaScript 之旅 (7)：Async Functions & await (2)

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

Titangene ‧ 2020-09-22 ‧團隊好想工作室 v4.0

1 Like 0 留言 9988 瀏覽

鐵人賽 Modern Web DAY 26

JavaScript 之旅系列第 26 篇

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

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

Titangene ‧ 2020-10-11 ‧團隊好想工作室 v4.0

4 Like 8 留言 8004 瀏覽

鐵人賽 Modern Web DAY 1

JavaScript 之旅系列第 1 篇

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

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

Titangene ‧ 2020-09-16 ‧團隊好想工作室 v4.0

5 Like 0 留言 7445 瀏覽

鐵人賽 Modern Web DAY 8

JavaScript 之旅系列第 8 篇

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

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

Titangene ‧ 2020-09-23 ‧團隊好想工作室 v4.0

3 Like 0 留言 7045 瀏覽

鐵人賽 Modern Web DAY 6

JavaScript 之旅系列第 6 篇

技術 JavaScript 之旅 (6)：Async Functions & await (1)

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

Titangene ‧ 2020-09-21 ‧團隊好想工作室 v4.0

2 Like 0 留言 6972 瀏覽

鐵人賽 Modern Web DAY 23

JavaScript 之旅系列第 23 篇

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

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

Titangene ‧ 2020-10-08 ‧團隊好想工作室 v4.0

5 Like 2 留言 6894 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 51 篇

技術 Day 50+ 用了會上癮的 TypeScript 新功能 - Easily Addicted New Features in TypeScript

貼心小提示筆者最近開始在整理內容並且使用 TypeScript 實驗並且寫各種小專案，因此 Day 50+ 以後的內容通常都是筆者偶爾會整理的一些很實用的東...

Maxwell Alexius ‧ 2020-01-27

3 Like 0 留言 5044 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 50 篇

技術 Day 50. 通用武裝・非同步函式X非同步程序的同步化-TypeScript Generics with Asynchronous Programming III. Async Functions

閱讀本篇文章前，仔細想想看 Generators 使用上有哪些特點？積極求值（Eager Evaluation）與惰性求值（Lazy Evaluatio...

Maxwell Alexius ‧ 2020-01-16

2 Like 0 留言 5004 瀏覽

鐵人賽 Modern Web DAY 25

JavaScript 之旅系列第 25 篇

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

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

Titangene ‧ 2020-10-10 ‧團隊好想工作室 v4.0

2 Like 0 留言 4998 瀏覽

鐵人賽 Modern Web DAY 3

JavaScript 之旅系列第 3 篇

技術 JavaScript 之旅 (3)：Exponentiation Operator (指數運算子)

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

Titangene ‧ 2020-09-18 ‧團隊好想工作室 v4.0

1 Like 0 留言 4952 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 47 篇

技術 Day 47. 通用武裝・泛型應用 X 結合 ES2015+ - TypeScript Generics with ES2015+ Features

閱讀本篇文章前，仔細想想看迭代器（Iterator）與聚合物（Collection）的差別在哪？迭代器模式要如何實踐？實踐的目的為何？什麼是多型巡訪...

Maxwell Alexius ‧ 2020-01-09

3 Like 0 留言 4665 瀏覽

鐵人賽 Modern Web DAY 5

JavaScript 之旅系列第 5 篇

技術 JavaScript 之旅 (5)：String method - padStart & padEnd

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

Titangene ‧ 2020-09-20 ‧團隊好想工作室 v4.0

4 Like 0 留言 4649 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 49 篇

技術 Day 49. 通用武裝・非同步迭代 X 無窮地惰性求值 - TypeScript Generics with Asynchronous Programming II. ES6 Generators

閱讀本篇文章前，仔細想想看同步與非同步程序的差異性在哪？你能夠列舉哪些是 JS 裡有非同步的機制的東西嗎？為何我們需要非同步的程序？同步執行不是很直觀...

Maxwell Alexius ‧ 2020-01-13

0 Like 0 留言 4375 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 Typescript (tsconfig.json)

本系列文章經過重新編排和擴充，已出書為ECMAScript關鍵30天。原始文章因當時準備時程緊迫，多少有些許錯誤。為了避免造成讀者的困擾，以及配合書籍的內容規...

Yuri Tsai ‧ 2020-10-13

1 Like 0 留言 3954 瀏覽

鐵人賽 Modern Web DAY 24

JavaScript 之旅系列第 24 篇

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

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

Titangene ‧ 2020-10-09 ‧團隊好想工作室 v4.0

1 Like 0 留言 3689 瀏覽

鐵人賽 Modern Web DAY 10

JavaScript 之旅系列第 10 篇

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

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

Titangene ‧ 2020-09-25 ‧團隊好想工作室 v4.0

1 Like 0 留言 3678 瀏覽

鐵人賽 Modern Web DAY 19

JavaScript 之旅系列第 19 篇

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

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

Titangene ‧ 2020-10-04 ‧團隊好想工作室 v4.0

0 Like 0 留言 3174 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 ES2015(ES6) - Set 、 Map

本系列文章經過重新編排和擴充，已出書為ECMAScript關鍵30天。原始文章因當時準備時程緊迫，多少有些許錯誤。為了避免造成讀者的困擾，以及配合書籍的內容規...

Yuri Tsai ‧ 2020-09-24

1 Like 0 留言 3044 瀏覽

鐵人賽 Modern Web DAY 29

JavaScript 之旅系列第 29 篇

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

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

Titangene ‧ 2020-10-14 ‧團隊好想工作室 v4.0

1 Like 0 留言 3002 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 ES2015(ES6) - Iterable、Iterator、Generator

本系列文章經過重新編排和擴充，已出書為ECMAScript關鍵30天。原始文章因當時準備時程緊迫，多少有些許錯誤。為了避免造成讀者的困擾，以及配合書籍的內容規...

Yuri Tsai ‧ 2020-09-28

1 Like 0 留言 2984 瀏覽

鐵人賽 Modern Web DAY 20

JavaScript 之旅系列第 20 篇

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

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

Titangene ‧ 2020-10-05 ‧團隊好想工作室 v4.0

1 Like 0 留言 2827 瀏覽

鐵人賽 Modern Web DAY 28

JavaScript 之旅系列第 28 篇

技術 JavaScript 之旅 (28)：Numeric Separators

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

Titangene ‧ 2020-10-13 ‧團隊好想工作室 v4.0

1 Like 0 留言 2718 瀏覽

鐵人賽 Modern Web DAY 22

JavaScript 之旅系列第 22 篇

技術 JavaScript 之旅 (22)：BigInt

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

Titangene ‧ 2020-10-07 ‧團隊好想工作室 v4.0

1 Like 0 留言 2502 瀏覽

鐵人賽 Modern Web DAY 27

JavaScript 之旅系列第 27 篇

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

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

Titangene ‧ 2020-10-12 ‧團隊好想工作室 v4.0

1 Like 0 留言 2447 瀏覽

鐵人賽 Modern Web DAY 9

JavaScript 之旅系列第 9 篇

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

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

Titangene ‧ 2020-09-24 ‧團隊好想工作室 v4.0

1 Like 0 留言 2275 瀏覽

鐵人賽 Modern Web DAY 13

JavaScript 之旅系列第 13 篇

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

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

Titangene ‧ 2020-09-28 ‧團隊好想工作室 v4.0

0 Like 0 留言 2218 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 ES2015(ES6) - Promise

本系列文章經過重新編排和擴充，已出書為ECMAScript關鍵30天。原始文章因當時準備時程緊迫，多少有些許錯誤。為了避免造成讀者的困擾，以及配合書籍的內容規...

Yuri Tsai ‧ 2020-09-29

技術 JavaScript 之旅 (4)：Object.keys() & Object.values() & Object.entries()

達標好文 技術 JavaScript ES6-重點紀錄 系列總集

技術 JavaScript 之旅 (2)：Array.prototype.includes()

技術 JavaScript 之旅 (7)：Async Functions & await (2)

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

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

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

技術 JavaScript 之旅 (6)：Async Functions & await (1)

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

技術 Day 50+ 用了會上癮的 TypeScript 新功能 - Easily Addicted New Features in TypeScript

技術 Day 50. 通用武裝・非同步函式X非同步程序的同步化-TypeScript Generics with Asynchronous Programming III. Async Functions

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

技術 JavaScript 之旅 (3)：Exponentiation Operator (指數運算子)

技術 Day 47. 通用武裝・泛型應用 X 結合 ES2015+ - TypeScript Generics with ES2015+ Features

技術 JavaScript 之旅 (5)：String method - padStart & padEnd

技術 Day 49. 通用武裝・非同步迭代 X 無窮地惰性求值 - TypeScript Generics with Asynchronous Programming II. ES6 Generators

技術 Typescript (tsconfig.json)

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

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

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

技術 ES2015(ES6) - Set 、 Map

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

技術 ES2015(ES6) - Iterable、Iterator、Generator

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

技術 JavaScript 之旅 (28)：Numeric Separators

技術 JavaScript 之旅 (22)：BigInt

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

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

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

技術 ES2015(ES6) - Promise

標記使用者

達標好文技術 JavaScript ES6-重點紀錄系列總集

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