iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

JavaScript學習筆記 系列

從零開始學習JavaScript,透過這30天將這幾個月學習中所接觸到的主題、遇到的瓶頸紀錄與分享‧

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v8.0
DAY 11

[Day 11] 運算式與運算子(上) - 介紹

運算元:運算子作用的對象,可以是數值、字串、布林值等等運算子:用來進行各種運算運算式:不論無何都會產生一個值 運算式由「運算元」和「運算子」組成。 運算子依...

2024-09-25 ‧ 由 Fang 分享
DAY 12

[Day 12] 運算式與運算子(下) - 優先性與相依性

為什麼要知道優先性?因為就像數學,我們都知道要「先乘除後加減」,在程式裡運算子也是有優先性的!但因為很多,MDN也很貼心整理好了~詳細請看完整表格 優先性 (P...

2024-09-26 ‧ 由 Fang 分享
DAY 13

[Day 13] Hoisting 提升

提升 指「變數宣告」或是「函式宣告」會被提升到該作用域的頂端,但賦值不會被提升。也就是只有宣告會被提升,賦值不會。 變數Hoisting 範例: console...

2024-09-27 ‧ 由 Fang 分享
DAY 14

[Day 14] callback function 回呼函式

MDN說明: A callback function is a function passed into another function as an arg...

2024-09-28 ‧ 由 Fang 分享
DAY 15

[Day 15] 同步與非同步 - 概念

ES6新增了Promise功能,來優化callback function寫法。 了解Promise之前,要需先了解什麼是同步與非同步。 同步 (synchron...

2024-09-29 ‧ 由 Fang 分享
DAY 16

[Day 16] 非同步 Promise

如何建立Promise const myPromise = new Promise(function (resolve, reject) { //resol...

2024-09-30 ‧ 由 Fang 分享
DAY 17

[Day 17] 非同步 Async / await 語法糖

async/await 背後的原理其實就是Promise,但async/await 使用起來會更簡潔、更好閱讀。所以在使用之前,建議要先學好Promise的觀念...

2024-10-01 ‧ 由 Fang 分享
DAY 18

[Day 18] this - 上

剛接觸this時候,對於它的存在很問號,在想為什麼需要它?而且因為好多情況指向又不同,真的好頭暈 MDN也不是那麼好理解,拜讀了幾篇大大們的文章和翻書,以下理解...

2024-10-02 ‧ 由 Fang 分享
DAY 19

[Day 19] this - 下

這篇主要會講this的綁定,call、apply、bind,以及箭頭函式的this。 this取決於函式的呼叫方式 MDN: The value of thi...

2024-10-03 ‧ 由 Fang 分享
DAY 20

[Day 20] Prototype 原型

prototype 原型 在JavaScript中,原型的目的是為了「繼承」,達到物件之間的屬性可以共用。 設定物件原型 原型是為了繼承,那要怎麼做可以讓物件可...

2024-10-04 ‧ 由 Fang 分享