使用promise解决回调地狱问题

最新推荐文章于 2024-03-08 11:15:38 发布

Londing...

最新推荐文章于 2024-03-08 11:15:38 发布

阅读量443

点赞数

分类专栏：原理

本文链接：https://blog.csdn.net/grand_brol/article/details/107966617

版权

原理专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文介绍了ES6中Promise API的基本概念及其如何简化异步编程。通过对比传统回调地狱的写法，展示了使用Promise进行文件读取操作的优雅解决方案。文章还提供了封装Promise readFile函数的方法，进一步提高代码复用性和可读性。

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

promise介绍

promise是ES6的一个api，使用时需要new出一个实例，且里面有两个参数，一个是resolve代表成功状态，一个reject代表失败状态。

使用promise

原代码

var fs = require('fs')

fs.readFile('./src/a.txt', 'utf-8', function(err, data) {
    if (err) {
        throw err
    }
    console.log(data)
    fs.readFile('./src/b.txt', 'utf-8', function(err, data) {
        if (err) {
            throw err
        }
        console.log(data)
        fs.readFile('./src/c.txt', 'utf-8', function(err, data) {
            if (err) {
                throw err
            }
            console.log(data)
        })
    })
})

使用promise后

var fs = require('fs')

var p1 = new Promise(function(resolve, reject) {
    fs.readFile('./src/a.txt', 'utf-8', function(err, data) {
        if (err) {
            reject(err)
        }
        resolve(data)
    })
})

var p2 = new Promise(function(resolve, reject) {
    fs.readFile('./src/b.txt', 'utf-8', function(err, data) {
        if (err) {
            reject(err)
        }
        resolve(data)
    })
})

var p3 = new Promise(function(resolve, reject) {

    fs.readFile('./src/c.txt', 'utf-8', function(err, data) {
        if (err) {
            reject(err)
        }
        resolve(data)
    })
})

p1
    .then(function(data) { //data等于成功后的 resolve(data)
        console.log(data)
        return p2
    })
    .then(function(data) { //data等于return 过来的p2执行成功后的resolve(data)
        console.log(data)
        return p3
    })
    .then(function(data) {
        console.log(data)
    })

将重复代码封装

var fs = require('fs')


function promisereadFile(readPath) {
    return new Promise(function(resolve, reject) {
        fs.readFile(readPath, 'utf-8', function(err, data) {
            if (err) {
                reject(err)
            }
            resolve(data)
        })
    })
}

promisereadFile('./src/a.txt')
    .then(function(data) {
        console.log(data)
        return promisereadFile('./src/b.txt')
    })
    .then(function(data) {
        console.log(data)
        return promisereadFile('./src/c.txt')
    })
    .then(function(data) {
        console.log(data)
    })