# callback finction 回呼函式
<div class="block">

**本篇會談到**
- 回呼函式(Callback Function)
- 經常出現的回呼函式

</div>

## ✐ 回呼函式(Callback Function)

[MDN](https://developer.mozilla.org/zh-TW/docs/Glossary/Callback_function)

> 回呼函式（callback function）是指能藉由參數（argument）通往另一個函式的函式。它會在外部函式內調用、以完成某些事情。
意思就是， Callback function 是一般的函式，可以指定做完某件事情的時候，才觸發的 function

:::info
開發時有時會需要控制程式觸發的時機（同步與非同步），Callback function 可以不論在同步或非同步的情況下都是依序執行程式。
:::

## 經常出現的非同步回呼函式

### addEventListener
[請參考：Element Object 方法 - addEventListener](/@unayojanni/HyzWz9R0u/%2FCdtLCNpqQ66LiE6sPj7IDg#➤-addeventListener)

### setTimeout
[請參考：for迴圈 + setTimeout 範例](https://hackmd.io/@unayojanni/HyzWz9R0u/%2Fm5NKLfVcROu_iC7DCMDX0w#✐-var-與-for-迴圈)

###### tags: `JS`
{%hackmd @unayojanni/H1Qq0uKkK %}