请举例说明什么是回调？

2019-01-09

回答

回调函数作为实参传入另一个函数内，当某种事件被触发或某些任务被完成时会在外部函数内被调用，通常用于异步编程。由于回调函数会被后来的代码所调用，因此在初始化的时候应注意先声明但不调用。

当特定的事件发生时，事件监听器的异步回调才会被执行。如：

document.addEventListener("click", () => {
  console.log("The user clicked on the page.")
})

然后，回调函数也可以是同步的。下例 map 函数中的回调函数在每一次迭代循环中被同步调用。

const map = (arr, callback) => {
  const result = []
  for (let i = 0; i < arr.length; i++) {
    result.push(callback(arr[i], i))
  }
  return result
}
map([1, 2, 3, 4, 5], n => n * 2) // [2, 4, 6, 8, 10] 

加分回答

• 回调时，应注意 this 并不是回调函数而是执行函数中的 this
• 可以使用 Promise、Async/Await 等解决多重回调（callback hell）带来的问题
  性能
• 在 JavaScript 中，每个函数实际上都是一个 Function 对象，他们被成为头等函数（first-class objects）。这意味着函数将会像任何其他变量一样被对待。例如：函数可以作为参数传递给其他函数，也可被当作返回值，还可以当作值赋给一个变量。

返回总目录

每天 30 秒