当前位置: 代码迷 >> 综合 >> ES6 Promise对象(简单易懂)
  详细解决方案

ES6 Promise对象(简单易懂)

热度:17   发布时间:2024-02-02 06:19:34.0
 1 Promise对象是一个构造函数,用来生成Promise实例。Promise构造函数接收一个函数作为参数2 该函数的两个参数分别为resolve和reject;3 resolve函数的作用是将Promise对象的状态从pending变为fullfilled 。4 reject函数的作用是将Promise对象的状态从pending变为rejected5 Promise对象将异步操作以同步操作的流程表达出来 避免层层嵌套的回调函数
使用Promise对象的基本步骤如下:   1 创建Promise实例
 let promise = new Promise((resolve,reject)=> {//初始化promise的状态为pendingif(异步操作执行成功){resolve(value) //修改promise的状态为fullfilled}else{reject(error)   //修改promise的状态为rejected}})
2 调用Promise的then方法
promise.then(function (result) {console.log(result)},function (error) {console.log(error)})
 3 Promise的三个状态pending 初始化状态fullfilled  成功状态rejected 失败状态

简单实例:

let promise = new Promise((resolve, reject) => {console.log("11111");//执行异步操作 通常是发送ajax请求 或者是开启定时器setTimeout(() => {console.log("3333")//根据异步任务返回的结果去修改promise的状态//异步任务执行成功  修改状态为fullfilled//resolve("haha")//异步认为执行失败  修改状态为rejectedreject("55555");}, 2000)})
console.log("22222");
promise.then((data) => {console.log(data, "chenggongl");
}, (data) => {console.log(data, "shibaile");
})

如果以上对你有所帮助,希望你点个收藏加关注哈