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
相关文章
|
1月前
|
前端开发 JavaScript
在JavaScript中,什么是promise、怎么使用promise、怎么手写promise
在JavaScript中,什么是promise、怎么使用promise、怎么手写promise
23 4
|
3月前
|
前端开发 JavaScript API
【面试题】说说 Promise是什么?如何使用
【面试题】说说 Promise是什么?如何使用
|
4月前
|
前端开发
ES6学习(八)—Promise对象 超鸡重要
ES6学习(八)—Promise对象 超鸡重要
|
8月前
|
前端开发
创建一个promise对象
创建一个promise对象
43 0
|
8月前
|
前端开发
前端学习笔记202306学习笔记第四十二天-promise-promise的静态方法1
前端学习笔记202306学习笔记第四十二天-promise-promise的静态方法1
21 0
前端学习笔记202306学习笔记第四十二天-promise-promise的静态方法1
|
8月前
|
前端开发
前端学习笔记202306学习笔记第四十二天-promise-promise的静态方法2
前端学习笔记202306学习笔记第四十二天-promise-promise的静态方法2
37 0
|
9月前
|
前端开发
Promise是什么?怎么用?
Promise 是一种异步编程的解决方案。它可以使异步操作更加清晰、简单、优雅,避免了回调地狱的问题。Promise 对象表示一个异步操作的最终完成或失败,并且它的最终状态(完成或失败)和返回值(或错误)不依赖于调用它的代码。
|
缓存 前端开发
ES6 从入门到精通 # 19:Promise 对象的其它方法
ES6 从入门到精通 # 19:Promise 对象的其它方法
65 0
ES6 从入门到精通 # 19:Promise 对象的其它方法
|
前端开发 JavaScript API
|
前端开发
Promise对象简单入门
Promise对象简单入门
Promise对象简单入门