[筆記] Callback function

[zzly00]

• 在使用 callback function 前，原本可能會這樣寫

  // 同步 or 阻塞 block
  const result = getDate()
  console.log(result) // 一定要等到取得 result，才會繼續執行

• 如果 getDate() 執行五分鐘，則需要等待，才會繼續執行下面的程式碼

Callback 好了叫我

function callMe(data){  // ... 收到 cb 給的 response
    console.log(data)
}

getDate(callMe)

function getDate(cb){  // 傳一個function
    ... 發 request
    ... response 回來
    cb(response)  // call cb
}

// anonymous function
getDate(id, function(data){  // 若需要帶 function 以外的參數，則直接加，例如：id
    console.log(data)
})

function getDate(id, cb){  // 傳一個function
    ... 發 request id
    ... response 回來
    cb(response)  // call cb
}

setTimeout

setTimeout(cb, 3000)  // 3秒後執行 cb

function cb(){
    console.log('yo')
}

參考資料：程式導師實驗計畫第二期：Week4-2 - JavaScript