Promise对象简单入门

简介: Promise对象简单入门

Promise 对象是一个代理对象

new Promise( function(resolve, reject) {...} /* executor */  );

三个状态

14.1.png


图片来自http://liubin.org/promises-book异步任务顺利完成时,会调用 resolve 函数返回结果值;

异步任务失败且时,会调用reject 函数返回失败原因。

它们可以被链式调用

Promise.prototype.then 和 Promise.prototype.catch 方法返回promise 对象

使用示例

// 定义一个Promise
let promise = new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve("一秒后返回一个执行结果")
    }, 1000)
})
// 状态
console.log(promise);
// Promise { <pending> }
// 使用链式调用
promise.then((value) => {
    console.log(value);
})
// 使用async / await
async function func() {
    const value = await promise;
    console.log(value);
}
func()
console.log("end");
/**
end
一秒后返回一个执行结果
一秒后返回一个执行结果
 */

参考

  1. Promise 对象用于表示一个异步操作的最终完成 (或失败), 及其结果值.
  2. 使用 Promise
相关文章
|
前端开发
前端学习笔记202306学习笔记第四十二天-promise-promise的静态方法1
前端学习笔记202306学习笔记第四十二天-promise-promise的静态方法1
43 0
前端学习笔记202306学习笔记第四十二天-promise-promise的静态方法1
|
前端开发
创建一个promise对象
创建一个promise对象
67 0
|
前端开发
前端学习笔记202306学习笔记第四十二天-promise-promise的静态方法2
前端学习笔记202306学习笔记第四十二天-promise-promise的静态方法2
66 0
|
前端开发
前端学习笔记202306学习笔记第四十二天-promise-then的返回值2
前端学习笔记202306学习笔记第四十二天-promise-then的返回值2
49 0
|
前端开发
前端学习笔记202306学习笔记第四十二天-promise-then的返回值3
前端学习笔记202306学习笔记第四十二天-promise-then的返回值3
54 0
|
前端开发 JavaScript API
|
前端开发 开发者
图解 Promise 实现原理(二)—— Promise 链式调用
本系列文章由浅入深逐步实现 Promise,并结合流程图、实例以及动画进行演示,达到深刻理解 Promise 用法的目的。
1032 0
|
前端开发
Promise对象简单入门
Promise对象简单入门
111 0
Promise对象简单入门
|
前端开发
promise 的基本用法
promise 的基本用法