JS中回调函数的简单用法

Posted 何伟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS中回调函数的简单用法相关的知识,希望对你有一定的参考价值。

a能拿b,b能拿到c,c能拿到d,实现a拿到d的东西。
function a() {
b(function (data) {
console.log(data);
});
}
function b(cb) {
c(function (data) {
cb(data);
});
}
function c(cb) {
d(function (data) {
cb(data);
});
}
function d(cb) {
setTimeout(() => {
let data = "彩虹";
cb(data);
}, 3000);
}
 
在ES7中更有趣的代码如下:
async function D() {
return await new Promise((resolve) => {
setTimeout(() => {
let data = "彩虹";
resolve(data);
}, 3000);
})
}
// await只能使用在异步函数中,用来等待一个promise操作的promiseValue
async function C() {
return await D();
}
async function A() {
console.log(await C());
}
A();

以上是关于JS中回调函数的简单用法的主要内容,如果未能解决你的问题,请参考以下文章

Node / JS:奇怪的嵌套回调函数

Node.js回调地狱及使用Promiseasync和await函数的解决方法

js回调函数

JS回调函数--简单易懂有实例

JS异步编程,回调函数与promise

JS异步编程,回调函数与promise