Promise对象简单入门

简介: Promise对象简单入门

Promise 对象是一个代理对象


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

三个状态

image.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
一秒后返回一个执行结果
一秒后返回一个执行结果
 */
相关文章
|
2月前
|
数据采集 前端开发 JavaScript
如何在爬虫过程中正确使用Promise对象和async/await?
如何在爬虫过程中正确使用Promise对象和async/await?
55 2
|
2月前
|
设计模式 前端开发 JavaScript
|
2月前
|
JSON 前端开发 JavaScript
ES6类的使用和定义.Json.Promise对象的使用
ES6类的使用和定义.Json.Promise对象的使用
37 0
|
9月前
|
前端开发 Go
15 # promise 延迟对象的作用
15 # promise 延迟对象的作用
42 0
|
2月前
|
前端开发 JavaScript API
Promise 对象与 Promises/A+ 规范
Promise 对象与 Promises/A+ 规范
41 0
|
2月前
|
前端开发
用Promise对象实现的 Ajax
用Promise对象实现的 Ajax
16 0
|
2月前
|
前端开发 JavaScript 数据处理
JavaScript中的异步编程及Promise对象
【2月更文挑战第3天】 传统的JavaScript编程模式在处理异步任务时常常会导致回调地狱和代码可读性较差的问题,而Promise对象的引入为解决这一问题提供了一种优雅的解决方案。本文将介绍JavaScript中的异步编程方式以及Promise对象的使用方法和优势,帮助读者更好地理解和运用异步编程技术。
30 8
|
2月前
|
前端开发 算法
2723. 两个 Promise 对象相加
2723. 两个 Promise 对象相加
26 0
|
7月前
|
前端开发
ES6学习(八)—Promise对象 超鸡重要
ES6学习(八)—Promise对象 超鸡重要
|
8月前
|
前端开发 JavaScript
Promise入门/面试必看
Promise入门/面试必看
51 0