Promise是什么？

Promise是一个解决回调地狱的方案

什么是回调地狱

函数嵌套，导致可读性差，举个简单的🌰

var sayhello = function (text, callback) {
    setTimeout(function () {
        console.log(new Date().getTime(), text);
        callback();
    }, 1000);
}
sayhello("1.hello", function () {
    sayhello("2.hello", function () {
        sayhello("3.hello", function () {
            setTimeout(function () {
                console.log(new Date().getTime(), "4.goodbye");
            }, 1000);
        });
    });
});

示例

Promise

举个简单的🌰

console.log('start')
new Promise((resolve,reject)=>{
    setTimeout(()=>{
        console.log('ok')
        resolve(1)
    },1000)
}).then(res=>console.info('resolve: ',res))
console.log('end')

根据上面的demo，可以看到promise相当于启动了一个线程，并没有阻塞，继续执行下面的console.log('end')，想要获取Promise中结果，可以使用.then方法

同步和异步

在使用Promise之前async和await应该并不陌生了，举个简单的🌰

function a(){
    return new Promise((resolve,reject)=>{
        setTimeout(()=>{
            console.log(new Date().getTime())
            resolve(1)
        },1000)
    })
}
async function b(){
    console.log("res->",await a());
    console.log("res->",await a());
    console.log("res->",await a());
    console.log("res->",await a());
    console.log("res->",await a());
}
b()

以上示例可以看出来，await的结果就是resolve的值，原本setTimeout和Promise并不会阻塞代码运行，但是在这里就被await阻塞了