回调函数
回调函数是一种编程模式,可以在函数中进行异步操作,将操作的结果通过一个函数参数返回。在 JavaScript 中,回调函数经常用于异步编程。
例如,下面的代码中的 add
函数并没有返回加法的结果,而是在异步操作完成后,通过回调函数将结果返回:
function add(x, y, callback) { setTimeout(function() { var ret = x + y; callback(ret); }, 1000); } add(2, 2, function(result) { console.log(result); // 4 });
注意,回调函数并不是立即执行的,而是在异步操作完成之后才执行。因此,上面的代码首先输出 undefined
,然后 1 秒后输出 4
。
在 JavaScript 中,许多异步 API(如 setTimeout
、XMLHttpRequest
、fetch
等)都是基于回调函数实现的。
Promise
Promise 是一种解决回调地狱(callback hell)的编程模式,它可以简化异步编程,使代码更加清晰易懂。Promise 最初由 CommonJS 社区提出,目前已经成为 JavaScript 的标准之一。
Promise 表示一个异步操作的最终完成(或失败)及其结果值。Promise 可以通过链式调用 then
方法,将多个异步操作按顺序执行。
下面是一个使用 Promise 的例子:
function add(x, y) { return new Promise(function(resolve) { setTimeout(function() { var ret = x + y; resolve(ret); }, 1000); }); } add(2, 2) .then(function(result) { console.log(result); // 4 return add(result, 2); }) .then(function(result) { console.log(result); // 6 return add(result, 2); }) .then(function(result) { console.log(result); // 8 });
在上面的代码中,add
函数返回一个 Promise,这个 Promise 在异步操作完成后调用 resolve
方法返回结果。然后,通过链式调用 then
方法,将多个异步操作串联起来。每次调用 then
方法时,返回一个新的 Promise,因此可以在每个 then
方法中继续调用下一个异步操作。
需要注意的是,Promise 可以通过 catch
方法处理异常,也可以通过 finally
方法处理清理操作。
function add(x, y) { return new Promise(function(resolve, reject) { setTimeout(function() { if (isNaN(x) || isNaN(y)) { reject(new Error('参数必须是数字')); } else { var ret = x + y; resolve(ret); } }, 1000); }); } add(2, 2) .then(function(result) { console.log(result); // 4 return add(result, 2); }) .then(function(result) { console.log(result); // 6 return add(result, 'a'); }) .then(function(result) { console.log(result);