Promise学习笔记

最新推荐文章于 2024-11-06 09:53:26 发布

SanOrintea

最新推荐文章于 2024-11-06 09:53:26 发布

阅读量424

点赞数

分类专栏： JavaScript ES6 文章标签： Promise 异步操作状态改变 then 微任务

本文链接：https://blog.csdn.net/SanOrintea/article/details/121630595

版权

JavaScript 同时被 2 个专栏收录

36 篇文章 0 订阅

订阅专栏

ES6

5 篇文章 1 订阅

订阅专栏

Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rejected。只要这两种情况发生，状态就凝固了，不会再变了

//promise的执行顺序：先main，then压入微任务管道
let promise = new Promise((resolve, reject) => {
	console.log('Promise')
	resolve()
})

promise.then(function() {
  console.log('resolved.')
})

console.log('Hi!')

// Promise
// Hi!
// resolved
//看输出顺序，eventloop知识点

如果在resolve之后写了代码，也是按照先main，then压入微任务管道

new Promise((resolve, reject) => {
  resolve(1);
  console.log(2);
}).then(r => {
  console.log(r);
});
// 2
// 1

为了防止这种情况的发生，一般不在resolve后写代码，因此约定:

一般来说，调用resolve或reject以后，Promise 的使命就完成了，后继操作应该放到then方法里面，而不应该直接写在resolve或reject的后面。所以，最好在它们前面加上return语句，这样就不会有意外。

new Promise((resolve, reject) => {
  return resolve(1);
  // 后面的语句不会执行
  console.log(2);
})