京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

同步回调与异步回调

同步回调是“阻塞”的:高阶函数直到回调函数完成后才继续执行。

例如,调用 map() 和 greet() 函数。

function map(array, callback) {
  console.log('map() starts');
 const mappedArray = [];
 for (const item of array) { mappedArray.push(callback(item)) }
  console.log('map() completed');
 return mappedArray;
}

function greet(name) {
  console.log('greet() called');
 return `Hello, ${name}!`;
}

const persons = ['Cristina'];

map(persons, greet);
// logs 'map() starts'
// logs 'greet() called'
// logs 'map() completed'

其中 greet() 是同步回调。

同步回调的步骤:

  1. 高阶函数开始执行:'map() starts'
  2. 回调函数执行:'greet() called'
  3. 最后高阶函数完成它自己的执行过程:'map() completed'

异步回调是“非阻塞的”:高阶函数无需等待回调完成即可完成其执行。高阶函数可确保稍后在特定事件上执行回调。

在以下的例子中,later() 函数的执行延迟了 2 秒:

console.log('setTimeout() starts');
setTimeout(function later() {
  console.log('later() called');
}, 2000);
console.log('setTimeout() completed');

// logs 'setTimeout() starts'
// logs 'setTimeout() completed'
// logs 'later() called' (after 2 seconds)

later() 是一个异步回调,因为 setTimeout(later,2000) 启动并完成了执行,但是 later() 在 2 秒后执行。

异步调用回调的步骤:

  1. 高阶函数开始执行:'setTimeout()starts'
  2. 高阶函数完成其执行: 'setTimeout() completed'
  3. 回调函数在 2 秒钟后执行: 'later() called'

总结

回调是一个可以作为参数传给另一个函数(高阶函数)执行的函数。

回调函数有两种:同步和异步。

同步回调是阻塞的,异步回调是非阻塞的。

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java