FacebookLinkedInTweet更新日期： 2025 年 7 月 4 日

在學習 JavaScript 或任何程式語言時，「函式（Function）」是你必須掌握的重要基礎。

函式不僅是程式中常見的結構，也是讓程式具備「可重複使用」、「組織清晰」的關鍵。

本篇文章將從最基本的角度，帶你了解什麼是函式，以及如何用最經典的例子─prompt 函式──體驗函式的作用！

什麼是函式？

在程式設計中，函式是一種「可以被執行的資料值」。

在學習程式設計時，我們會發現：資料不只是像數字 (42)、字串 ("Hello") 或布林值 (true/false) 這麼單純。

還有一種特別的資料型態，叫做函式（Function）。

什麼是「資料值」？

先簡單回顧一下：在程式世界中，「資料值」指的是一切可以被儲存到變數裡的東西，比如：

let number = 42; // 數字是一個資料值

let text = "Hello World"; // 字串是一個資料值

let flag = true; // 布林值也是一個資料值

這些東西可以被儲存、傳遞、操作。函式也是一樣！

函式也可以當作資料來使用

函式不只是寫一段邏輯，它本身也是一個可以存起來、傳來傳去的資料值。

舉個例子：

function greet() {

console.log("Hello!");

}

let sayHello = greet; // 把函式本身存到變數 sayHello 裡

sayHello(); // 呼叫 sayHello，其實就是執行 greet

在這個例子中，我們不是執行 greet()，而是把整個函式本身指派給變數 sayHello。

這表示：函式也可以像其他資料型態一樣被「傳遞」和「儲存」起來。

函式特別的地方：它可以「被執行」

不過函式跟一般資料最大的不同是──除了可以儲存，它還可以執行！

執行函式的方法，就是在函式的名稱後加上小括號 ()：

sayHello(); // 執行函式，畫面會印出 Hello!

✅ 這就是為什麼說「函式是一種可以被執行的資料值」。

它同時具備兩種特性：

像資料一樣能儲存、傳遞

像指令一樣能被執行、產生動作

📦 簡單整理

資料型態能存起來？能被執行？數字✅❌字串✅❌布林值✅❌函式✅✅

簡單來說，函式就是把一段可以執行的步驟（例如：顯示一個對話框、計算數字、處理資料）包裝起來，讓我們可以隨時呼叫它來完成特定任務。這種把程式步驟「打包」起來的資料，就是函式的本質。

prompt：認識一個簡單的函式

在瀏覽器環境中，有一個很常見的內建函式叫做 prompt，它的用途是跳出一個小對話框，要求使用者輸入資料。

使用方式非常簡單：

prompt("Enter passcode");

當程式執行到這一行，就會跳出一個對話框，顯示文字「Enter passcode」，並等待使用者輸入文字。

👇 執行畫面長這樣：

對話框內容

顯示：「Enter passcode」

有輸入框

有 OK 和 Cancel 按鈕

這就是一個實際使用函式的例子！

你給 prompt 函式一個字串作為參數（在這裡是 "Enter passcode"），它就會根據這個參數執行對話框的動作。

什麼是「呼叫」函式？

在程式設計中，函式本身就像一份「可以被執行的計畫書」。

而當我們真正讓這份計畫運作起來的動作，就叫做「呼叫（Invoke / Call / Apply）」函式。

簡單來說，「呼叫」函式，就是啟動它、讓它開始執行的意思。

呼叫函式的基本語法

呼叫一個函式非常簡單，只需要：

寫上函式名稱

在後面加上一對小括號 ()

括號裡可以放入需要的資料（這些資料叫做「引數 argument」）

語法結構：

函式名稱(引數1, 引數2, ...);

如果函式不需要任何引數，括號可以是空的：

函式名稱();

呼叫範例

例如，JavaScript 中的 prompt 函式，用來跳出一個讓使用者輸入資料的小視窗：

prompt("請輸入你的名字");

這裡做了什麼事情呢？

prompt 是一個內建的函式。

"請輸入你的名字" 是傳給 prompt 的「引數」。

prompt 函式收到這個引數後，就會根據它的內容，在對話框中顯示出 "請輸入你的名字" 這段話。

這個過程，就是呼叫函式 ➔ 傳入引數 ➔ 依照設計完成動作！

呼叫不同函式時，要注意什麼？

不同的函式，可能需要不同數量的引數有些函式只要一個資料，有些可能需要兩個、三個以上。

引數的「資料型別」也要對如果函式期待的是數字，但你傳了文字，就可能會出錯或產生不預期的結果。

有些函式會有回傳值（Return Value）呼叫之後，函式可能會回傳一個結果給你。這時通常可以把回傳值存起來使用：

let name = prompt("請輸入你的名字");

console.log(name);

在這個例子裡，使用者輸入的名字會被 prompt 回傳，然後我們把它存進變數 name，最後再印出來。

小提醒

括號 () 是「呼叫」的關鍵！

只寫函式名稱而不加括號，是「拿到函式本身」而不是呼叫它。

舉例來說：

console.log(prompt); // 這樣是把 prompt 函式本身印出來（不會彈出視窗）

console.log(prompt()); // 這樣才是真的呼叫 prompt（會跳出視窗）

呼叫函式時，括號內放的東西（引數），順序要正確，因為大部分函式是根據引數的位置來判斷每個資料的意義。

結語

函式，是讓程式可以有「行動力」的重要元素。

從 prompt 這個簡單的例子開始，你可以慢慢了解：

函式是可以執行的資料

函式可以接受引數，根據引數做不同的事情

呼叫函式，就是在適當的時機讓它動起來！

未來你會學到自訂函式、函式表達式、高階函式等等進階主題，但別急，從今天開始，把「呼叫函式」這個基礎練熟，就是很棒的第一步了！