关于Promise一些简单理解（基于基本面试）

最新推荐文章于 2024-07-12 16:27:40 发布

Jim_Wu_learnHard

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量858

点赞数

分类专栏：学习文章标签： javascript es6

本文链接：https://blog.csdn.net/qq_36451263/article/details/121949194

版权

学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

关于Promise

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。

从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。

特点

1.对象不受外界影响。Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。除了异步操作的结果，任何其他操作都无法改变这个状态。

2.一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise 对象只有：从 pending 变为 fulfilled 和从 pending 变为 rejected 的状态改变。只要处于 fulfilled 和 rejected ，状态就不会再变了即 resolved（已定型）。

resolve统一指fulfilled状态，不包含rehected状态。

缺点

1.无法取消 Promise ，一旦新建它就会立即执行，无法中途取消。

2.如果不设置回调函数，Promise 内部抛出的错误，不会反应到外部。

3.当处于 pending 状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）。

使用Promise（基于基本面试题）

let p = new Promise(() => {
    console.log("hello world");//同步执行
});

以上就是Promise最基本的用法，new一个Promise对象，可以带一个函数。

p.then(() => {
    console.log("hello Jim");
});

p是一个Promise对象，所以p也可以使用then方法，里面带一个函数。但这个使用并不会执行then方法里面的内容。这便是缺点2。因为我们需要调用resolve.

let p = new Promise((resolve) => {
    console.log("hello world11");//同步执行
    resolve();
});

p.then(() => {
    console.log("hello Jim");
});

resolve也可以传递参数，如

let p = new Promise((resolve) => {
    console.log("hello world11");//同步执行
    resolve(1);
});

p.then((data) => {
    console.log(data);
});

这个时候打出来输出 hellow world11 ，1。

细心发现，这个其实与我们经常写axios类似

axios.get("xxx").then((res) => {
    console.log("Hello, JimWu",res);
});

代入理解，get方法其实就是一个Promise对象，axios封装起来就是通过获取到的远程数据，通过resolve传递出来，然后在then中拿到这个数据。

知识点：resove传递出来的值，是then方法的形参。

Async函数（基于简单面试题）

async函数的返回值是promise对象：

async function func() {
    return 1;
}

let a = func();
console.log(a);

这个时候输出的内容是Promise { 1 }

那如何拿到这个值呢？

func().then((data) => {

    console.log(data);

});

可以理解，async函数，就是promise 的简写，那将转成promise即是：

function func() {

    return new Promise((resolve) => {

        resolve(1);

    });

}

func().then((data) => {

    console.log(data);

});

还有一种方法就是加一个await：

let p1 = new Promise((resolve) => {

    resolve(1);

});

let p2 = new Promise((resolve) => {

    resolve(2);

});


async function func() {

    let a = await p1;

    let b = await p2;

    console.log(a);

    console.log(b);

}


func();

输出1，2

结论：async函数可以加await，await可以加一个Promise对象，然后就可以让一个异步的代码，写起来更像是一个同步的代码。

简单练习

async function func1() {

    let data = await func2();

    console.log(data);//then中执行的代码

}


async function func2() {

    console.log(200);//同步

    return 100;

}


func1();

输出200，100