iT邦幫忙

鐵人檔案

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

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

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

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

[Day01] 小編的話與主題列表

前言 只要是以 Javascript 或 Typescript 進行前端開發的工程師們,對於這些名詞應該都略有所聞甚至相當熟悉 – ES5、ES6、ES2015...

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

[Day02] ECMAScript 與 Javascript

認識 Ecma International Ecma International ,前名為 European Computer Manufacturers A...

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

[Day03] ES2015(ES6) - 變數(Variable)

接下來到這系列結束,將會介紹每一版重要語法的部分。不過因為篇幅有限,我會把性質比較相近的語法統整在同一天的內文裡。 以今天來說,主題為「變數」,其中包括宣告方式...

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

[Day04] ES2015(ES6) - 數值 (Number & Math)

ES2015在數值的判斷與運算多了很多擴充,還包含新的型別 BigInt的推出。今天就整理出幾個覺得比較常用和基本的特性。想要了解更多的,可以再前往底下的參考資...

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

[Day05] ES2015(ES6) - 字串 (String)

今天介紹的是關於字串的處理,包括實體方法的擴充,以及對於字串宣告制定新的定義方式。 我們來看看吧! 實體方法 str.includes(searchString...

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

[Day05] ES2015(ES6) - 陣列(Array)

今天介紹的是關於陣列的處理,包括實體方法和靜態方法的擴充。 我們來看看吧! 靜態方法 Array.from(obj, mapFn?:Function, this...

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

[Day07] ES2015(ES6) - 物件(Object)

今天介紹的是關於物件的處理,包括屬性的表示和方法的擴充。 一起來看看吧! 屬性的表示 在 ES2015 中,物件屬性的擴充大大提升簡潔性以及彈性。主要提供的新特...

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

[Day08] ES2015(ES6) & ES2019(ES10) - Symbol

Symbol 是在 ES2015 中新增加的內建資料型態。今天就來認識新面孔,並且了解基本應用吧! Symbol(description?:string) 我們...

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

[Day09] ES2015(ES6) - Set & Map

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

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

[Day10] ES2015(ES6) - 函式(Function)

參數的預設值 在 ES5 沒有預設值,也沒有 Typescript 協助開發時檢查的情況,通常在寫有參數的函式時,我們在一開始得先寫參數的檢查,就像這樣 fun...

2020-09-25 ‧ 由 YURI 分享