🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

请举例说明什么是回调?

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 秒


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

2 评论
Tanken • 2019-01-09
回复 删除

菜鸟心声:感觉可以先从 ES 版本特性开始 trollface

Vanessa • 2019-01-09
回复 删除

不嫌弃的话可以看 https://github.com/Vanessa219/emulation