promise解决回调地狱（callback hell）

最新推荐文章于 2024-08-24 14:20:22 发布

$(薛定谔的喵)

最新推荐文章于 2024-08-24 14:20:22 发布

阅读量3.7k

点赞数 3

分类专栏： JavaScript 文章标签： promise解决回调地狱（callback hell） promise 容器 promise 实现 Promise.all和Promise.race 理解和使用Promise.all和Promise.race

本文链接：https://blog.csdn.net/Chad97/article/details/86364217

版权

本文介绍了如何使用Promise解决回调地狱问题，通过实例解析Promise.all和Promise.race的用法和区别。Promise.all用于等待所有Promise实例完成，并按顺序返回结果数组；Promise.race则返回最快完成的Promise实例的结果，无论成功或失败。文章总结了Promise作为异步编程解决方案的优点和特点，以及在处理异步操作时应注意的问题。

摘要由CSDN通过智能技术生成

promise解决回调地狱（callback hell）

具体参考阮一峰,ES6标准入门

在我们需要对一个异步操作进行频繁的调用的时候，且要保证一步操作的顺序，可能会出现
回调地狱（callback）的情况例如：

var fs = require('fs')

fs.readFile('../data/a.txt','utf8',function (err,data) {
   
    if (err) {
   
        throw err
    }
    console.log(data)

    fs.readFile('../data/b.txt','utf8',function (err,data) {
   
        if (err) {
   
            throw err
        }
        console.log(data)

        fs.readFile('../data/c.txt','utf8',function (err,data) {
   
            if (err) {
   
                throw err
            }
            console.log(data);   
        }) 
    })
})

callback hell

解决这个问题让我们的代码看起来更加直观，我们可以用promise 解决这个问题

小栗子

var p1 = new Promise(function (resolve,reject) {
   
    fs.readFile('../data/a.txt','utf8',function (err,data) {
   
        if (err) {
   
            reject(err)
        } else {
   
            resolve(data)
        }
    })
})

var p2 = new Promise(function (resolve,reject) {
   
    fs.readFile('../data/b.txt','utf8',function (err,data) {