iT邦幫忙

鐵人檔案

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

JavaScript老學徒筆記—馬步篇 系列

作為一個初踏入前端的老學徒,我記錄了自己學習JavaScript的過程。從最基本的如何宣告變數開始,來談一談JavaScript基礎的觀念,也順便釐清自己似是而非的一些觀念,把基本的底子打札實。

希望這些筆記對想要進入這一個領域的同行者有所助益。

鐵人鍊成 | 共 35 篇文章 | 14 人訂閱 訂閱系列文 RSS系列文
DAY 10

【Day10】「如果肚子餓了,就吃香蕉」--流程判斷邏輯

tags: JavaScript 「如果肚子餓了,就吃香蕉」--流程判斷邏輯 最簡單的流程控制,就是「如果」符合某個條件,就去做某件事,也就是if...els...

2021-09-10 ‧ 由 popeye_ux 分享
DAY 11

【Day11】忙得團團轉的迴圈

迴圈指的是「重複做某件事,次數隨著數值『遞增」或『遞減』,當數值滿足所設的條件,則退出迴圈」。 所以當我們要「重複做某件事」的時候,第一個進入腦海中的方法應該就...

2021-09-11 ‧ 由 popeye_ux 分享
DAY 12

【Day12】能力封裝--函式

函式的作用在於將一段或多段函式包裝在一起,方便反覆使用,一目了然也方便維護。當需要重複執行一次計算或重複做一件事的時候,就會需要用到函式。 像這樣就是一個函式...

2021-09-12 ‧ 由 popeye_ux 分享
DAY 13

【Day13】return的妙傳得分

當我們在Chrome的console視窗鍵入如下程式碼,執行一個say()的函式,除了console.log 列印出 Hello World! 之外,下列有個...

2021-09-13 ‧ 由 popeye_ux 分享
DAY 14

【Day14】變數的地盤—作用域(scoop)與提升(Hoisting)

作用域(scoop)簡單來說,就是變數的地盤,在地盤內,變數都有作用,出了地盤,變數就undefined了。 舉個不倫不類的例子,丐幫的幫主洪七公武功再強也沒有...

2021-09-14 ‧ 由 popeye_ux 分享
DAY 15

【Day15】公園跟你家院子—全域變數與區域變數的區別

JavaScript的變數依使用的切分範圍(作用域)可以分為兩種: 區域變數 全域變數 前面提到透過var宣告的變數,最小的切分範圍為function,在...

2021-09-15 ‧ 由 popeye_ux 分享
DAY 16

【Day16】箭頭函式

一般我們見到的函式長成這個樣子: var fight = function(nameA, nameB) { return nameA + '打敗' + na...

2021-09-16 ‧ 由 popeye_ux 分享
DAY 17

【Day17】期間限定:函式的參數

函式會將參數傳入函式裡面,讓它們成為函式裡的變數,讓程式碼去做運算。參數只能在函式裡刷存在感(期間限定?),一旦函式執行完畢,就會被消失。(Mission I...

2021-09-17 ‧ 由 popeye_ux 分享
DAY 18

【Day18】瀏覽器物件模型--BOM

我們學習前端語言就是為了跟瀏覽器溝通,讓網頁可以渲染出想要的效果,創造使用者互動的良好體驗。所以要跟瀏覽器溝通必須要熟悉HTML、CSS與JavaScript...

2021-09-18 ‧ 由 popeye_ux 分享
DAY 19

文件物件模型--DOM

BOM(Browser Object Model 瀏覽器物件模型)的重點在於瀏覽器的功能,完全由各家瀏覽器廠商自行開發。而DOM(Document Objec...

2021-09-19 ‧ 由 popeye_ux 分享