In the chained promise function, how to determine which promise threw the error

I need to implement in a chained promise function, any function error in the middle terminates the program, and can catch the error function, and then perform different operations according to different error functions. How can the following code be improved?

do not bring information in the error object 

function f1(){
    return new Promise((resolve,reject) =>{
        setTimeout(() =>{
            reject("err");
        },1000)
    })
}

function f2(){
    return new Promise((resolve,reject) =>{
        setTimeout(() =>{
            reject("err");
        },1000)
    })
}

function f3(){
    return new Promise((resolve,reject) =>{
        setTimeout(() =>{
            reject("err");
        },1000)
    })
}

const foo = () =>{
    return f1().then(() =>{
        return f2();
    }).then(() =>{
        return f3();
    }).catch(err =>{
        // 
        return err;
    })
} 

foo();

if every function sends an asynchronous request to the backend, the format of the data returned by the backend must be fixed, that is, we cannot judge which function threw the error based on the data returned by the backend. What should I do?

Thank you for your help!

Javascript es6
Feb.26,2021

reject put useful information in 

function f1(){
    return new Promise((resolve,reject) =>{
        setTimeout(() =>{
            reject("err1");
        },1000)
    })
}

function f2(){
    return new Promise((resolve,reject) =>{
        setTimeout(() =>{
            reject("err2");
        },1000)
    })
}

function f3(){
    return new Promise((resolve,reject) =>{
        setTimeout(() =>{
            reject("err3");
        },1000)
    })
}

const foo = () =>{
    return f1().then(() =>{
        return f2();
    }).then(() =>{
        return f3();
    }).catch(err =>{
        // 
        console.log(err);
        return err;
    })
} 

foo();

two ways

  1. reject throws Error objects with information 

    function f1(){
    return new Promise((resolve,reject) =>{
        setTimeout(() =>{
            reject(new Error("f1 err"));
        },1000)
    })
}

  2. output error messages in the second parameter function of each then method 

      
     I think I also know

Previous: Springboot @ RequestBody cannot get the content-type= "application/json" request data

Next: React Project Cannot add property style, object is not extensible

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu