iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

JavaScript 奇奇怪怪的核心觀念 系列

關於 JavaScript 核心觀念的課程、書籍雖然看過不少,一些特性也都大致瞭解,不過很常面對偏向 JavaScript 核心上的問題都還是要翻文章,看半天才能確認問題答案,或是想起相關觀念,因此藉由這次鐵人賽,整理一下核心上一些觀念。

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

(Day 21) ES6 class 語法糖

前言 前面有花幾篇介紹了,原型鍊以及使用建構式、以及使用 Object.create() 建立多層原型。 一邊介紹也會發現原型寫法,容易有不好閱讀的問題,例如:...

2021-09-21 ‧ 由 Ryder 分享
DAY 22

(Day 22) ES6 的 let 、const

前言 在 ES6 新增兩種變數方法 let 、 const ,不過我們比較常把 const 叫做常數,主要是因為 var 的特性 容易觸發 Bug , 這邊與...

2021-09-22 ‧ 由 Ryder 分享
DAY 23

(Day23) ES6 箭頭函式

前言 跟變數一樣 JavaScript 在 ES6 為函式新添加一種寫法,他和傳統函式有以下差異: this 指向不同 沒有 arguments 參數 部分寫...

2021-09-23 ‧ 由 Ryder 分享
DAY 24

(Day24) 處理非同步的 Promise

前言 在過去 JS 要處理 Ajax 這個非同步語法,會很容易用到 Callback 寫法,而 Callback 不但不好管理,還容易寫成 Callback H...

2021-09-24 ‧ 由 Ryder 分享
DAY 25

(Day25) Promise 語法糖 async/await

前言 async/await 是 Promise 的語法糖,最主要是提升了 Promise 在鏈式寫法的可讀性,而 async/await 能辦到的 Promi...

2021-09-25 ‧ 由 Ryder 分享
DAY 26

(Day26) 使用 fetch 串接 Ajax

前言 fetch 是 JavaScript ES6 新增的用來執行 Ajax 行為的方法,相比舊版的 XMLHttprequest 不論是閱讀程式碼、或是實際...

2021-09-26 ‧ 由 Ryder 分享
DAY 27

(Day27) ESM 模組化拆檔

前言 隨者前端需求越來越多,前端工程師在管理程式碼上的需求也越來越重,幸好 ES6 引入時 JavaScript 有引入的 ESM 的拆檔功能,以方便開發者管理...

2021-09-27 ‧ 由 Ryder 分享
DAY 28

(Day28) ES6 展開運算子與其餘參數

前言 展開運算子與其餘參數是 ES6 新增的兩個特性,使用上都一樣是 ... 也就是三個點,不過實際上這兩個方法代表的意義會不太一樣,接下來一一介紹。 展開運...

2021-09-28 ‧ 由 Ryder 分享
DAY 29

(Day29) ES6 - 解構賦值

前言 解構賦值是 ES6 新增語法糖,若要使用陣列、物件中的值,來見新的變數/常數,可以使用解構賦值的方法,來快速建立。 陣列解構 陣列解構主要是根據陣列中的順...

2021-09-29 ‧ 由 Ryder 分享
DAY 30

(Day30) - 完結心得

前言 這是本人第一次挑戰鐵人賽,雖然這篇幅水了不少文章,不過也終於讓我寫到完賽了 ✧*。 ٩(ˊᗜˋ*)و✧* 寫這個主題動機 因為 JavaScript 這...

2021-09-30 ‧ 由 Ryder 分享