Logo

新人日誌

首頁關於我部落格

新人日誌

Logo

網站會不定期發佈技術筆記、職場心得相關的內容,歡迎關注本站!

網站
首頁關於我部落格
部落格
分類系列文

© 新人日誌. All rights reserved. 2020-present.

JavsScript 基礎:程式的基本結構

共 13 篇文章

1

JavaScript 表達式完全解析:新手必懂的基礎概念

在學習 JavaScript 程式語言的過程中,我們會常常聽到「表達式(Expression)」這個詞。 你可能會寫出一些代碼,但不一定知道自己寫的是「表達式」還是「語句(Statement)」。 這在日常開發中其實很重要,因為理解這些基本概念可以幫助你更流暢地閱讀與撰寫程式,也對學習進階主題(如箭...

2025年3月29日
JavaScript
2

寫出乾淨程式碼!搞懂副作用與純函式的核心概念

當你在寫 JavaScript 時,你的每一行程式碼,不是「用來算出某個結果」,就是「做出某種行動」。 這兩者的差異,就是程式語言中的「表達式(expression)」與「陳述式(statement)」。 更進一步地,有些程式碼在執行後,會留下「痕跡」,像是改變變數、顯示畫面、送出請求等等——這些就...

2025年4月22日
JavaScript
3

JavaScript 變數的核心概念:綁定(Binding)

在寫程式時,我們常常會遇到一個問題:資料產生出來之後,要怎麼保留下來供之後使用?又該怎麼取回它? 如果沒有辦法記住它,程式每執行一次都會像失憶一樣,一切重頭再來。 這時候,「變數」就派上用場了。 但其實,更準確的說法是:程式透過「綁定(binding)」來保存資料的狀態。 這篇文章將帶你了解什麼是綁...

2025年4月22日
JavaScript
4

初學者指南:什麼是 Runtime 執行環境?

如果你剛開始學習程式開發,你可能會聽到一個叫做 Runtime 執行環境 的術語。 這是一個常用但容易讓新手感到困惑的概念。 這篇文章將幫助你了解什麼是 Runtime 執行環境,以及它在程式運行中的角色。 讓我們一起來探索這個重要的概念吧!

2024年10月14日
基礎概念
5

初學者必讀:什麼是「函式」(Function)?從 prompt 函式認識函式的基本概念

在學習 JavaScript 或任何程式語言時,「函式(Function)」是你必須掌握的重要基礎。 函式不僅是程式中常見的結構,也是讓程式具備「可重複使用」、「組織清晰」的關鍵。 本篇文章將從最基本的角度,帶你了解什麼是函式,以及如何用最經典的例子─prompt 函式──體驗函式的作用!

2025年4月27日
JavaScript
6

JavaScript 初學者教學:什麼是回傳值( return value)?

在撰寫 JavaScript 程式時,你一定會遇到「函式」(function)。 函式不只是執行某些動作,更多時候它會計算出一個結果,把結果交還給程式的其他部分使用。 這個被交還的結果就叫做 回傳值(return value)。 回傳值讓我們可以把函式的運算結果靈活應用在程式中的其他地方,是撰寫有效...

2025年6月28日
JavaScript
7

JavaScript 控制流程(Control Flow)結構新手完整教學

當我們開始寫程式時,常常會好奇: 電腦究竟是如何讀懂我的程式碼?又是怎麼一步步執行下去,產生預期的結果? 在 JavaScript 中,程式碼的執行順序就是由「控制流程結構」(Control Flow)來決定的。 這個概念非常基礎,但卻是寫出正確程式的第一步。 若不了解控制流程,程式碼即使語法正確,...

2025年6月28日
JavaScript
8

JavaScript 初學者教學:條件控制結構

在撰寫程式時,程式碼的執行流程往往不是單純的直線順序執行。 為了根據不同情況採取不同的行動,我們需要「條件控制結構」來讓程式具備判斷能力與分支邏輯。 JavaScript 提供了強大的 if、else if 與 else 關鍵字,讓我們能根據條件執行不同的程式碼。 本文將帶你從基礎理解條件控制結構,...

2025年6月30日
JavaScript
9

JavaScript 初學者教學:while & do 迴圈結構

在撰寫程式時,我們經常會遇到需要重複執行相同程式碼的情境。 想像一下,當我們想輸出 0 到 12 的所有偶數,如果每次都手動寫一行 console.log,不僅麻煩,還容易出錯。 而且當需求變大,例如輸出 0 到 1000 的所有偶數時,手動寫程式碼幾乎不可能。因此,我們需要學會「迴圈」,讓程式能自...

2025年6月30日
JavaScript
10

JavaScript 初學者教學:認識 for 迴圈與應用

在學習程式語言的過程中,「重複執行程式碼」是非常常見的需求。 無論是列印數字、計算次方、還是處理資料集合,我們都會用到「迴圈」。 在 JavaScript 中,除了之前常見的 while 迴圈外,for 迴圈也是另一種強大且廣泛使用的語法。 本文將帶你認識 for 迴圈的基本結構與應用,並透過範例理...

2025年6月30日
JavaScript
11

JavaScript 初學者教學:如何跳出迴圈?用 break 控制迴圈流程

當我們在撰寫程式時,迴圈(loop) 是一種非常常見的工具,用來重複執行某段程式碼,直到達到某個條件為止。 然而,有時候我們希望在特定情況下提前結束迴圈,而不需要等到迴圈條件變成 false。 在 JavaScript 裡,我們可以使用 break 陳述式來做到這一點。 本文將以簡單範例帶你一步步了...

2025年7月3日
JavaScript
12

JavaScript 初學者必學:簡化變數更新的方法 i++

在撰寫程式時,一個非常常見的需求就是「更新」變數的數值。 所謂更新,就是根據變數目前的值,運算出一個新的值,再把這個新值存回變數中。 例如,我們可能希望某個計數器每次加 1、某個數值每次乘 2,或某個總和不斷累加新的數字。 這種更新變數值的動作,尤其在 迴圈 裡面出現得非常頻繁。 因為迴圈的特性就是...

2025年7月3日
JavaScript
13

JavaScript | 使用 switch 結構指派變數值 — 初學者完整指南

在寫程式時,我們經常需要根據變數的不同值,執行對應的程式碼區塊。 舉例來說,假如你正在寫一個天氣提示的應用程式,根據天氣類型提供不同的建議,可能會寫出以下的程式碼: if (x == “rainy”) { console.log(“Remember to br...

2025年7月3日
JavaScript