iT邦幫忙

鐵人檔案

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

JS 加強筆記 系列

說不上來哪裡需要加強,那就邊讀邊想。

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

Day 01:到底哪裡需要加強

決定題目實在太難了。 轉職前端一小陣子,說實在對於轉職、開發、side projects…沒什麼太多可說,因為很多還在累績。那還能寫什麼呢?我想這個問題的力氣省...

2023-09-16 ‧ 由 ramenkun 分享
DAY 2

Day 02:從 callbacks 開始

今天開始 promise 的章節,會想讀這部分除了自己對它理解很差之外,覺得 promise 的世界有太多理所當然和習慣成自然,常常有類似這樣的討論。promi...

2023-09-17 ‧ 由 ramenkun 分享
DAY 3

Day 03:callbacks 的錯誤處理及問題

callback 中的 callback 昨天寫到在 loadScript 的例子中加入 callback,處理非同步完成後要做的事。那麼如果想要在載入檔案後再...

2023-09-18 ‧ 由 ramenkun 分享
DAY 4

Day 04:promise 結構及特性

promise 之所以比 callback 直覺、簡單,是因為它的概念是: 有需要花點時間的任務 (producing code)。 有需要拿到 1. 的結果...

2023-09-19 ‧ 由 ramenkun 分享
DAY 5

Day 05:then、catch、finally

前面寫到 producing code 完成了工作,並呼叫 resolve 或 reject 送出結果,接下來 consuming code 可以利用 prom...

2023-09-20 ‧ 由 ramenkun 分享
DAY 6

Day 06:callback 函式初步改寫

寫完了基本規則,現在要把 loadScript 的例子改成使用 promise,這是原本 callback 的版本: function loadScript(s...

2023-09-21 ‧ 由 ramenkun 分享
DAY 7

Day 07:小練習

1. 程式碼會印出什麼結果? let promise = new Promise(function(resolve, reject) { resolve...

2023-09-22 ‧ 由 ramenkun 分享
DAY 8

Day 08: promise chaining

有時候會需要依序執行多個非同步任務,像是先前使用 loadScript 載入多個檔案。這種時候 promise 的一個處理方式是使用鏈接 (promise ch...

2023-09-23 ‧ 由 ramenkun 分享
DAY 9

Day 09:promise chaining 之比較寫實的例子

promise chaining 大致可以表達成以下的形式,另外昨天還沒有提到的是,如果所有的任務有同樣的錯誤處理,可以把 catch() 接在鏈接的最後: d...

2023-09-24 ‧ 由 ramenkun 分享
DAY 10

Day 10:務必回傳 promise

前一篇提到一個重要原則:非同步任務都要記得回傳 promise。除了有利於鏈接,也避免一些錯誤。 像這個例子中有 promise 但沒有回傳,後面的處理函式就無...

2023-09-25 ‧ 由 ramenkun 分享