zoukankan      html  css  js  c++  java
  • Promise的then的第二个参数和catch的区别


    reject是用来抛出异常的,catch是用来处理异常的;
    reject是Promise的方法,而then和catch是Promise实例的方法(Promise.prototype.then 和 Promise.prototype.catch)。

    1. 区别

    主要区别就是,如果在then的第一个函数里抛出了异常,后面的catch能捕获到,而then的第二个函数捕获不到。

    catch只是一个语法糖而己 还是通过then 来处理的,大概如下所示字体:

    then的第二个参数和catch捕获错误信息的时候会就近原则,如果是promise内部报错,reject抛出错误后,then的第二个参数和catch方法都存在的情况下,只有then的第二个参数能捕获到,如果then的第二个参数不存在,则catch方法会捕获到。

    const promise = new Promise((resolve, rejected) => {
        throw new Error('test');
    });
    
    //此时只有then的第二个参数可以捕获到错误信息
    promise.then(res => {
        //
    }, err => {
        console.log(err);
    }).catch(err1 => {
        console.log(err1);
    });
    
    
    //此时catch方法可以捕获到错误信息
    promise.then(res => {
        //
    }).catch(err1 => {
        console.log(err1);
    });
    
    
    //此时只有then的第二个参数可以捕获到Promise内部抛出的错误信息
    promise.then(res => {
        throw new Error('hello');
    }, err => {
        console.log(err);
    }).catch(err1 => {
        console.log(err1);
    });
    
    //此时只有then的第二个参数可以捕获到Promise内部抛出的错误信息
    promise.then(res => {
        throw new Error('hello');
    }, err => {
        console.log(err);
    });
    
    
    //此时catch可以捕获到Promise内部抛出的错误信息
    promise.then(res => {
        throw new Error('hello');
    }).catch(err1 => {
        console.log(err1);
    });

    2. 两个捕获方法的比较

    // bad
    promise
      .then(function(data) {
        // success
      }, function(err) {
        // error
      });
    
    // good
    promise
      .then(function(data) { //cb
        // success
      })
      .catch(function(err) {
        // error
      });

    上面代码中,第二种写法要好于第一种写法,理由是第二种写法可以捕获前面then方法执行中的错误,也更接近同步的写法(try/catch)。因此,建议总是使用catch方法,而不使用then方法的第二个参数。

     
     
  • 相关阅读:
    设计模式6大原则依赖倒置原则
    HTML5开发HTML5入门
    设计模式6大原则迪米特法则
    设计模式6大原则接口隔离原则
    Android ROM开发ubuntu下编译CyanogenMod生成SDK
    设计模式6大原则单一职责原则
    Android杂谈修改Android系统内/system目录权限使其可读写
    [转]SMTP协议
    QQ发送邮件失败的解决办法
    开始→运行→命令集锦
  • 原文地址:https://www.cnblogs.com/zhupanpan/p/14519208.html
Copyright © 2011-2022 走看看