Promise

时间 2019-11-17

标签 promise 繁體版

原文原文链接

一概述html

Promise（承诺）有三种状态：pending（待定的）、fulfilled（履行）、reject（拒绝）。ios

二建立Promiseaxios

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    </head>
    <body>
        <script>
            let obj = axios.get('/abc');
            console.log(obj); // Promise {<pending>}
            console.log(obj instanceof Promise); // true;
        </script>
    </body>
</html>

三执行Promise函数

then方法接受两个函数做为参数。onFulfilled是必须的，onRejected是可选的。spa

axios.get('/user?ID=12345')
    .then(val => {
        console.log('fulfill函数', val);
    }, reason => {
        console.log('reject函数', reason);
    });

四捕获异常code

（1）Promise拒绝时，若是onRejected是个函数，则执行onRejected函数。htm

axios.get('/user?ID=12345')
    .then(val => {
        console.log('fulfill函数', val);
    }, reason => {
        console.log('reject函数', reason);
    })
    .catch(err => {
        console.log(err);
    });

（2）若是onRejected不是函数或者为空，则JS引擎内部会提供一个函数来做为onRejected函数，而且这个替代函数会抛出错误，从而执行catch部分。对象

axios.get('/user?ID=12345')
    .then(val => {
        console.log('fulfill函数', val);
    })
    .catch(err => {
        console.log('出错了',err);
    });

五返回值blog

then、catch的返回值都是Promise对象，因此能够进行链式调用。ip

let obj = axios.get('/user?ID=12345')
    .then(val => {
        console.log('fulfill函数', val);
    },reason => {
        console.log('reject', reason);
    });
setTimeout(()=>{
    console.log(obj);
},1000);

let obj = axios.get('/user?ID=12345')
    .then(val => {
        console.log('fulfill函数', val);
    })
    .catch(err => {
        console.log('出错了',err);
    });
setTimeout(()=>{
    console.log(obj);
},1000);