使用Promise的优缺点及一些常见的问题

最新推荐文章于 2024-03-12 16:26:35 发布

Melhor_

最新推荐文章于 2024-03-12 16:26:35 发布

阅读量1w

点赞数 6

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_43158726/article/details/108287836

版权

笔记专栏收录该内容

28 篇文章 1 订阅

订阅专栏

promise的缺点

1、无法取消Promise,一旦新建它就会立即执行，无法中途取消。

2、如果不设置回调函数，promise内部抛出的错误，不会反应到外部。

3、当处于pending状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）。

promis的优点

1.解决回调地狱（Callback Hell）问题
（1）有时我们要进行一些相互间有依赖关系的异步操作，比如有多个请求，后一个的请求需要上一次请求的返回结果。过去常规做法只能 callback 层层嵌套，但嵌套层数过多的话就会有 callback hell 问题。比如下面代码，可读性和维护性都很差的。


//引入 fs 模块(node.js)
//回调地狱方式读取文件,如果还有异步还会继续回调
const fs = require('fs')
fs.readFile('./a.md', (err,data1) => {
  fs.readFile('./b.md', (err, data2) => {
    fs.readFile('./c.md', (err, data3) => {
      let result = data1 + data2 + data3
      console.log(result);
    })
  })
})

（2）如果使用 promises 的话，代码就会变得扁平且更可读了。前面提到 then 返回了一个 promise，因此我们可以将 then 的调用不停地串连起来。其中 then 返回的 promise 装载了由调用返回的值。

//使用promise 来实现
//引入 fs 模块
const fs = require('fs')
//闯将Promise对象
const p = new Promise((resolve, reject) => {
  //引入 fs 莫模块
  const fs = require('fs')
  fs.readFile('./a.md', (err, data) => {
    resolve(data)
  })
})
p.then(value => {
  return new Promise((resolve, reject) => {
  fs.readFile('./b.md', (err, data) => {
    //这里的data为a.md value为b.md
    resolve([value, data])
  })
  })
}).then(value => {
  return new Promise((resolve, reject) => {
    fs.readFile('./c.md', (err, data) => {
      //这里的data为a.md+b.md
      //将这data 用push()方法压入value
      value.push(data)
      resolve(value)
    })
  })
}).then(value => {
  //打印出value 字符转义
  // console.log(value.toString());
  console.log(value.join('\r\n'));

})

2，更好地进行错误捕获
多重嵌套 callback 除了会造成上面讲的代码缩进问题，更可怕的是可能会造成无法捕获异常或异常捕获不可控。
（1）比如下面代码我们使用 setTimeout 模拟异步操作，在其中抛出了个异常。但由于异步回调中，回调函数的执行栈与原函数分离开，导致外部无法抓住异常。

function fetch(callback) {
    setTimeout(() => {
        throw Error('请求失败')
    }, 2000)
}

try {
    fetch(() => {
        console.log('请求处理') // 永远不会执行
    })
} catch (error) {
    console.log('触发异常', error) // 永远不会执行
}

// 程序崩溃
// Uncaught Error: 请求失败

（2）如果使用 promises 的话，通过 reject 方法把 Promise 的状态置为 rejected，这样我们在 then 中就能捕捉到，然后执行“失败”情况的回调。

function fetch(callback) {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
             reject('请求失败');
        }, 2000)
    })
}


fetch()
.then(
    function(data){
        console.log('请求处理');
        console.log(data);
    },
    function(reason, data){
        console.log('触发异常');
        console.log(reason);
    }
);