Day 136 (Week20), 2021/08/26 (Wednesday)

學習時數:6 hr

Done

  • [done] w17 部落格改寫 - 檢討
  • [done] INT 101

To Do @ this week

  • [ ]   w17 & w18 餐廳網頁改寫
  • [ ]   w17 HW1 部落格改寫(自我檢討)
  • [ ]   [INT101]

學習心得紀錄

Objective 客觀

部落格改寫

promise, async, await

前幾天稍微看了一下 w17 檢討的部分,文中有用到 async / await 以及 promise 的概念,所以又回去複習了一下第 13 週的 promise YouTube 影片,對於使用 then() 內取得到的參數以及回傳值,以及.then()裡面繼續執行不是很明白,所以就回去複習了一下 promise:如果 return 的是一個 promise,那下一個 then() 取得的就是前一個 promise 的回傳值。

api200 = 'https://...'
fetch(api200) 
  .then(response => {
    return response.json()  // return 了一個 promise(為 promise.json())
  }).then(abc => {  // abc 就是前一個 promise( = promise.json()) 回傳值(回傳值為 text)
    console.log(abc)
  })

另外還看到幾篇文章:使用SequelizeORM介紹及ORM優點、缺點,寫說為什麼要使用 sequelize?其中有提到 Sequelize 將關聯式資料庫映射為物件,這樣的話,開發人員就可以利用物件的方式來使用資料庫,再加上 Sequelize 回傳的是一個 promise,所以也可以使用 then()catch() 來接住成功或失敗的回應,但是這有時候會比較麻煩,也因為 Sequelize 是回傳 promise 的形式,也可以使用 asyncawait 的方式來處理,這樣在 code 上減少了巢狀的格式,也提高易讀性。

JavaScript 原型鏈

忘記看到了什麼關鍵字,所以回去複習了一下什麼是原型鏈,從 new ,到構造函數(Constructor)以及繼承的關係。

INT 101

稍微瞭解一下需要做什麼事前準備,覺得自己寫下來比較有印象,預計先把常考題及簡答題複習。

感受

其實覺得這部分有一點小複雜,需要多看幾遍,還要看一下別人分享的心得,再加上一些別人分享的例子。

Decisional 決定行動

希望明天可以把改寫部落格的作業檢討寫好,然後繼續 hw2 sequelize 的部分。








你可能感興趣的文章

#Tailwind #Webpack resolve-url-loader cannot operate: CSS error

#Tailwind #Webpack resolve-url-loader cannot operate: CSS error

ClearDB id 連續遞增問題

ClearDB id 連續遞增問題

[27] 強制轉型 - 寬鬆相等 ( == ) vs. 嚴格相等 ( === )

[27] 強制轉型 - 寬鬆相等 ( == ) vs. 嚴格相等 ( === )






留言討論