标签：function 地狱 console log 两种 var 回调 data fn

什么是地狱回调？解决回调地狱的两种方法：https://blog.csdn.net/Frazier1995/article/details/115513199

地狱回调概念：回调函数套回调函数的情况就叫做回调地狱，

//地狱回调
setTimeout(function () { //第一层
console.log('武林要以和为贵');
setTimeout(function () { //第二程
console.log('要讲武德');
setTimeout(function () { //第三层
console.log('不要搞窝里斗');
}, 1000)
}, 2000)
}, 3000)
promise解决方式
// promise解决方式
function fn(str) {
var p = new Promise(function (resolve, reject) {
//处理异步任务
var flag = true;
setTimeout(function () {
if (flag) {
resolve(str)
}
else {
reject('操作失败')
}
})
})
return p;
}

fn('武林要以和为贵')
.then((data) => {
console.log(data);
return fn('要讲武德');
})
.then((data) => {
console.log(data);
return fn('不要搞窝里斗')
})
.then((data) => {
console.log(data);
})
.catch((data) => {
console.log(data);
})
async/await解决方式

//封装一个返回promise的异步任务
function fn(str) {
var p = new Promise(function (resolve, reject) {
var flag = true;
setTimeout(function () {
if (flag) {
resolve(str)
} else {
reject('处理失败')
}
})
})
return p;
}

//封装一个执行上述异步任务的async函数
async function test() {
var res1 = await fn('武林要以和为贵'); //await直接拿到fn()返回的promise的数据，并且赋值给res
var res2 = await fn('要讲武德');
var res3 = await fn('不要搞窝里斗');
console.log(res1, res2, res3);
}
//执行函数
test()
————————————————
版权声明：本文为CSDN博主「仲夏你的梦」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/Frazier1995/article/details/115513199

标签：function,地狱,console,log,两种,var,回调,data,fn
来源： https://www.cnblogs.com/bydzhangxiaowei/p/16298399.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。