持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第7天，点击查看活动详情

题外话

北京最近的疫情再一次严峻了起来，居家办公的日子一眼望不到头。居家办公让我摸鱼的时间越来越长了。最近也在对js查缺补漏，那就先从面试长问的开始写起吧。今天先说说Promise

Promise

简单介绍

先简单的认识一下Promise

• 从语法上说，Promise是一个对象，可以获取异步操作的结果。
• Promise是异步编程的一种解决方案，在Promise没出现之后我们是使用回调函数来完成异步操作的，使使用回调函数实现异步操作容易造成回调地狱。而Promise把异步代码像同步代码一样表达出来，避免了回调函数造成的回调地狱。Promise还提供了统一的接口，使操作异步变得更简单。
• Promise提供了三种状态：pending、fulfilled、reject。

Promise两大特点

• 对象的状态不受外界影响。只有异步操作的结果，可以决定当前状态。
• 一旦状态改变，就不会改变，任何时候都可以得到这个结果。

Promise缺点

• 一旦新建就会立即执行promise，中途无法取消
• 如果不设置回调函数，promise内部抛出的错误，不会反应到外部。
• 处于pending状态时，我们无法得知目前处于哪个阶段，是刚刚开始还是即将结束。

基础知识了解了差不多了，我们就开始学着使用吧

以下fulfilled状态我们使用resolved代替

Promise基本用法

• promise是一个构造函数，用来生成promise实例
• promise构造函数接受一个函数作为参数，该函数的两个参数是resolve和reject，这两个参数也是函数。
  • resolve这个函数将promise状态从pending变成resolved，并将异步操作的结果作为参数返回出去。
  • reject这个函数将promise状态从pending变成reject，并将异步操作的结果作为参数返回出去。

const promise = new Promise(function (resolve, reject) {
  if ("异步操作成功") {
    resolve(value)
  } else {
    reject(error)
  }
})

• promise生成实例之后，可以使用then方法分别执行resolved和reject状态的回调函数。
  • then方法可以接受两个可选回调函数作为参数。第一个回调函数是promise状态变为resolved时调用。第二个参数是promise状态变为reject时调用。
  • 这两个函数都接受promise对象传出的值作为参数。

promise.then(function (value) {
  //success
}, function (error) {
  //error
})

function timeout(ms) {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, ms, "done")
  })
}

timeout(100).then(value => {
  console.log(value);
})

结束

今天的就是说到这里吧，明天见~