本文已经过原作者 dmitripavlutin 授权翻译!
回调函数是每个 JS 开发人员都应该知道的概念之一。回调用于数组,计时器函数,promise,事件处理程序等中。
在本文中,会解释回调函数的概念。另外,还会帮助智米们区分两种回调:同步和异步。
1.回调函数
我们编写一个问候的函数,首先创建一个函数greet(name)
,该函数返回欢迎消息:
function greet(name) {
return `Hello, ${name}!`;
}
greet('小智'); // => 'Hello, 小智!'
如果要向一些人问候怎么做?这里,我们可以使用 array.map()
方法:
const persons = ['小智', '王大冶']
const messages = persons.map(greet)
messages // ["Hello, 小智!", "Hello, 王大冶!"]
persons.map(greet)
接受person
数组的每一项,并使用每一项作为调用参数来调用函数greet()
:greet('小智')
,greet('王大冶')
。
有趣的是persons.map(greet)
方法接受greet()
函数作为参数。这样做会使reet()
成为回调函数。
persons.map(greet)
是一个接受另一个函数作为参数的函数,因此将其命名为高阶函数。
高阶函数承担调用回调函数的全部责任,并为其提供正确的参数。
在前面的示例中,高阶函数persons.map(greet)
负责调用greet()</