iT邦幫忙

ecmascript相關文章
共有 82 則文章

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 Modern Web

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

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

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 28

技術 Typescript (tsconfig.json)

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

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

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

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

鐵人賽 Modern Web DAY 9

技術 ES2015(ES6) - Set 、 Map

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 13

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

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

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

技術 JavaScript 之旅 (28):Numeric Separators

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

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

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

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

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

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

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

技術 7天搞懂JS進階議題: 目錄

寫在前頭(iT邦幫忙) 這是我參加7日寫作松自我挑戰的文章目錄。 因為原本目錄沒有參賽系列連結,所以補上這段 ps. 原本的tag我打錯,懶的改了。 本文同步...

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

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

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

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

技術 JavaScript 之旅 (22):BigInt

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

鐵人賽 Modern Web DAY 11

技術 ES2015(ES6) - 展開/其餘運算子

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