异步与Promise与axios

1.异步与Promise

众所周知JavaScript是一种单线程的语言，因此能像Java一样多线程运行，所以促使了JavaScript需要使用异步回调来完成一些逻辑。

JavaScript中最典型的异步就是ajax请求数据以及setTimeout setInterval两个定时方法，而在ES6中正式规范了Promise，主流浏览器现在也大多支持ES6，因此Promise也成了主流的异步解决方案。

Promise是一个构造函数，可以视为Date这样的函数来对待，就像new Date()以后可以得到一个可以操作的对象，当new了一个Promise出来以后，就可以对这个对象进行then和catch的操作，也就是回调后成功跟失败两种情况对应得方法。new Promise对象时候，入参是一个有回调的异步函数，最简单的例如setTimeout()。以下是代码解释

function fun(time, arr = undefined) {
    return new Promise((resolve, reject) =>
        setTimeout(() => {
            try {
                console.log(arr[0]);
                resolve('success');
            } catch (error) {
                reject(error);
            }
        }, time)
    );
}
let p1 = fun(1000, [1]),
    p2 = fun(2000);

//正确处理
p1.then(data => {
    console.log('p1:' + data);
}).catch(data => {
    console.warn('p1:' + data);
});

//错误处理
p2.then(data => {
    console.log('p2:' + data);
}).catch(data => {
    console.warn('p2:' + data);
});

 运行结果：