JavaScript中的回调函数是如何实现异步操作的？

本文共计1839个文字，预计阅读时间需要8分钟。

前语+回调函数是每个前端程序员都应该了解的概念之一。回调函数可用于数组、计时器函数、Promise、事件处理中。本文将解释回调函数的概念，并帮助你区分两种回调：同步和异步。

前言

回调函数是每个前端程序员都应该知道的概念之一。回调可用于数组、计时器函数、promise、事件处理中。

本文将会解释回调函数的概念，同时帮你区分两种回调：同步和异步。

回调函数

首先写一个向人打招呼的函数。

只需要创建一个接受 name 参数的函数 greet(name)。这个函数应返回打招呼的消息：

function greet(name) { return `Hello, ${name}!`; } greet('Cristina'); // => 'Hello, Cristina!'

如果向很多人打招呼该怎么办？可以用特殊的数组方法 array.map() 可以实现：

const persons = ['Cristina', 'Ana']; const messages = persons.map(greet); messages; // => ['Hello, Cristina!', 'Hello, Ana!']

persons.map(greet) 获取 persons 数组的所有元素，并分别用每个元素作为调用参数来调用 greet() 函数：greet('Cristina'), greet('Ana')。

有意思的是 persons.map(greet) 方法可以接受 greet() 函数作为参数。这样 greet() 就成了回调函数。