如何通过一篇文章深入理解JavaScript回调机制？

本文共计1832个文字，预计阅读时间需要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')。