JavaScript 變數 (variable) 是用來儲存資料的容器。它們讓你能在程式中重複使用、修改和操作資料。 1.宣告變數 JavaScript 有4種宣告方式： var name = &...
再回到事件監聽的程式碼中，可以在箭頭函式前添加async，將其變成「非同步函式」，並且於呼叫函式前添加await，以等待呼叫函式的回傳值，避免執行結果的順序，因為變更為非同步函式而有先後不同。 //...
昨天先把非同步的基本觀念（callback → promise → async/await）走過一遍。今天升級到「同時做很多事」以及「錯誤處理」：Promise.all、Promise.race，還會...
在 JavaScript 裡，註解（comment）用來幫助程式碼更容易理解，或是暫時停用某些程式碼，不會被瀏覽器執行。常見有兩種寫法： 單行註解 使用 // 開頭，後面整行都會被忽略。 //...
我們接續前兩天的話題 如果說 HTML 是網頁的建築，CSS 是裝潢，那麼 JavaScript (簡稱 JS) 就是網頁的「水電」。它是一種功能強大的程式語言，負責為網頁添加互動性、動態功能與複雜的...
昨天，我們讓網頁「活了起來」──讓它會對使用者的點擊做出回應、能改變畫面顏色。但 JS 的世界遠不止如此，今天，我們要更深入學習如何用「邏輯」控制網頁，讓它不只會動，還能「聰明地動」! 為什麼要學...
在前面事件監聽的程式碼中，有使用到一個呼叫函式searchSchedule()，要能呼叫該函式的前提是，在先前的程式碼已經有先定義完成，否則直接呼叫一個不存在的函式，最後將只會得到錯誤訊息。 雖然可以...
在昨天的文章中介紹了 JSX 的基本用法，並且知道了 React Component 是會把架構、外觀、互動結合在一起使用 JavaScript 來完成的地方。今天就會來介紹如何在 JSX 上使用大括...
前幾天學的東西都算是「同步」的程式碼，執行順序一行一行跑。但在現實裡，很多情況需要處理「非同步」：例如去抓 API、等資料庫回應、等使用者操作。今天就來挑戰 JavaScript 的非同步寫法：從 C...
宣告與賦值語句 let x = 10; // 宣告變數 const y = 20; // 常數 var z = 30; // 舊版寫法（不建議） 條件判斷語句 if (x >...