认识promise对象

最新推荐文章于 2024-02-20 14:14:53 发布
最新推荐文章于 2024-02-20 14:14:53 发布
阅读量222 收藏
点赞数
文章标签： javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pumpkin_truck/article/details/114678135
版权

promise对象的认识

Promise是es6引入的针对异步编程的解决方案，用于表示一个异步操作的最终完成或（失败）及其结果值。
避免了层层嵌套的回调函数。此外，Promise 对象提供统一的接口，使得控制异步操作更加容易

有了 Promise 对象，我们就可以将异步操作以同步操作的流程表达出来，且promise是一个构造函数。

一个 Promise 必然处于以下几种状态之一：
待定（pending）: 初始状态，既没有被兑现，也没有被拒绝。
已兑现（fulfilled）: 意味着操作成功完成。
已拒绝（rejected）: 意味着操作失败。

Promise创建

创建一个promise对象，可以使用 new 来调用 Promise 的构造器来进行实例化。
Promise 构造函数包含一个参数和一个带有 resolve（解析）和 reject（拒绝）两个参数的回调。在回调中执行一些操作（例如异步），如果一切都正常，则调用 resolve，否则调用 reject。

//创建一个promise对象
 let p = new Promise(function(resolve, reject) {
                setTimeout(function() {
                    let cur = '成功了'
                    resolve(cur) //成功了返回resolve(...)
                    let err = '错误了'
                    reject(err) //失败了返回reject(...) 
                }, 1000)
            })
then方法：返回的是一个Promise对象的状态由回调函数的执行结果决定

如果回调函数返回的是非promise类型的属性，状态是成功，返回值就是对象成功的值
Promise.prototype.then 方法返回的是一个新的 Promise 对象，因此可以采用链式写法

 //then方法返回的是一个Promise对象的状态由回调函数的执行结果决定
        //如果回调函数返回的是非promise类型的属性，状态是成功，返回值就是对象成功的值
        const p = new Promise(function(resolve, reject) {
            setTimeout(function() {
                resolve('这是美女')
                    //reject('错啦错啦，全错啦')
            }, 1000)
        })
        let result = p.then(value => {
            console.log(value)
                // return '哈哈哈哈哈哈哈哈哈' //[PromiseResult]]
        }, reason => {
            console.log(reason)
        })
        console.log(result)

在这里插入图片描述
catch方法作用与then方法类似，相当于then的别名。

race方法：Promise.race 方法是将多个 Promise 实例，包装成一个新的 Promise 实例。
 //race：赛跑
        let p1 = new Promise((resolve, reject) => {
            resolve('请求成功了')
        })
        let p2 = Promise.resolve('哈哈哈')
            //  let p2 = Promise.reject('失败了') //Uncaught (in promise) 失败了
        let p3 = Promise.resolve('hahah')
            //race相当于赛跑,谁先到谁就渲染。跟数组顺序有关
        let result = Promise.race([p3, p2, p1])
        console.log(result)

11/100
pumpkin_truck
new

promise对象的认识

Promise是es6引入的针对异步编程的解决方案，用于表示一个异步操作的最终完成或（失败）及其结果值。
避免了层层嵌套的回调函数。此外，Promise 对象提供统一的接口，使得控制异步操作更加容易

有了 Promise 对象，我们就可以将异步操作以同步操作的流程表达出来，且promise是一个构造函数。

一个 Promise 必然处于以下几种状态之一：
待定（pending）: 初始状态，既没有被兑现，也没有被拒绝。
已兑现（fulfilled）: 意味着操作成功完成。
已拒绝（rejected）: 意味着操作失败。

Promise创建

创建一个promise对象，可以使用 new 来调用 Promise 的构造器来进行实例化。
Promise 构造函数包含一个参数和一个带有 resolve（解析）和 reject（拒绝）两个参数的回调。在回调中执行一些操作（例如异步），如果一切都正常，则调用 resolve，否则调用 reject。

//创建一个promise对象
 let p = new Promise(function(resolve, reject) {
                setTimeout(function() {
                    let cur = '成功了'
                    resolve(cur) //成功了返回resolve(...)
                    let err = '错误了'
                    reject(err) //失败了返回reject(...) 
                }, 1000)
            })
then方法：返回的是一个Promise对象的状态由回调函数的执行结果决定

如果回调函数返回的是非promise类型的属性，状态是成功，返回值就是对象成功的值
Promise.prototype.then 方法返回的是一个新的 Promise 对象，因此可以采用链式写法

 //then方法返回的是一个Promise对象的状态由回调函数的执行结果决定
        //如果回调函数返回的是非promise类型的属性，状态是成功，返回值就是对象成功的值
        const p = new Promise(function(resolve, reject) {
            setTimeout(function() {
                resolve('这是美女')
                    //reject('错啦错啦，全错啦')
            }, 1000)
        })
        let result = p.then(value => {
            console.log(value)
                // return '哈哈哈哈哈哈哈哈哈' //[PromiseResult]]
        }, reason => {
            console.log(reason)
        })
        console.log(result)

在这里插入图片描述
catch方法作用与then方法类似，相当于then的别名。

race方法：Promise.race 方法是将多个 Promise 实例，包装成一个新的 Promise 实例。
 //race：赛跑
        let p1 = new Promise((resolve, reject) => {
            resolve('请求成功了')
        })
        let p2 = Promise.resolve('哈哈哈')
            //  let p2 = Promise.reject('失败了') //Uncaught (in promise) 失败了
        let p3 = Promise.resolve('hahah')
            //race相当于赛跑,谁先到谁就渲染。跟数组顺序有关
        let result = Promise.race([p3, p2, p1])
        console.log(result)

Promise.resolve 方法，Promise.reject 方法

promise对象的认识
Promise是es6引入的针对异步编程的解决方案，用于表示一个异步操作的最终完成或（失败）及其结果值。
避免了层层嵌套的回调函数。此外，Promise 对象提供统一的接口，使得控制异步操作更加容易

有了 Promise 对象，我们就可以将异步操作以同步操作的流程表达出来，且promise是一个构造函数。

一个 Promise 必然处于以下几种状态之一：
待定（pending）: 初始状态，既没有被兑现，也没有被拒绝。
已兑现（fulfilled）: 意味着操作成功完成。
已拒绝（rejected）: 意味着操作失败。
Promise创建

创建一个promise对象，可以使用 new 来调用 Promise 的构造器来进行实例化。
Promise 构造函数包含一个参数和一个带有 resolve（解析）和 reject（拒绝）两个参数的回调。在回调中执行一些操作（例如异步），如果一切都正常，则调用 resolve，否则调用 reject。

//创建一个promise对象
let p = new Promise(function(resolve, reject) {
setTimeout(function() {
let cur = ‘成功了’
resolve(cur) //成功了返回resolve(…)
let err = ‘错误了’
reject(err) //失败了返回reject(…)
}, 1000)
})

then方法：返回的是一个Promise对象的状态由回调函数的执行结果决定

如果回调函数返回的是非promise类型的属性，状态是成功，返回值就是对象成功的值
Promise.prototype.then 方法返回的是一个新的 Promise 对象，因此可以采用链式写法

//then方法返回的是一个Promise对象的状态由回调函数的执行结果决定
//如果回调函数返回的是非promise类型的属性，状态是成功，返回值就是对象成功的值
const p = new Promise(function(resolve, reject) {
setTimeout(function() {
resolve(‘这是美女’)
//reject(‘错啦错啦，全错啦’)
}, 1000)
})
let result = p.then(value => {
console.log(value)
// return ‘哈哈哈哈哈哈哈哈哈’ //[PromiseResult]]
}, reason => {
console.log(reason)
})
console.log(result)

在这里插入图片描述
catch方法作用与then方法类似，相当于then的别名。
race方法：Promise.race 方法是将多个 Promise 实例，包装成一个新的 Promise 实例。

//race：赛跑
let p1 = new Promise((resolve, reject) => {
resolve(‘请求成功了’)
})
let p2 = Promise.resolve(‘哈哈哈’)
// let p2 = Promise.reject(‘失败了’) //Uncaught (in promise) 失败了
let p3 = Promise.resolve(‘hahah’)
//race相当于赛跑,谁先到谁就渲染。跟数组顺序有关
let result = Promise.race([p3, p2, p1])
console.log(result)

Promise.resolve 方法，Promise.reject 方法

有时需要将现有对象转为Promise对象，Promise.resolve方法就起到这个作用。
如果Promise.resolve方法的参数是一个Promise对象的实例，则会被原封不动地返回。
Promise.reject(reason)方法也会返回一个新的Promise实例，该实例的状态为rejected。Promise.reject方法的参数reason，会被传递给实例的回调函数。

//创建Promise构造函数
function Promise(executor) {
    //添加属性
    this.PromiseState = 'pending'
    this.PromiseResult = null
    let that = this
    console.log(this)
        //设置resolve函数的属性
    function resolve(data) {
        //判断状态只改变一次
        if (that.PromiseState !== 'pending') return
        that.PromiseState = 'fulfilled'
        that.PromiseResult = data
            // console.log(this)
    }
    //设置reject函数的属性
    function reject(data) {
        if (that.PromiseState !== 'pending') return
        that.PromiseState = 'reject'
        that.PromiseResult = data
    }
    //捕获异常
    try {
        //执行器函数
        executor(resolve, reject)
    } catch (e) {
        //修改promise的状态
        reject(e)
    }
pumpkin_truck
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promise 对象详解
qq_24917475的博客
08-07 707
💡 前端异步编程经历了几个阶段。💡 目前在简单场景使用 callback，复杂场景使用 promise 和 async/await，由于generate 的api不易理解并且不易于使用，所以很少使用。
JavaScript Promise返回值详解
热门推荐
比利Billy
01-09 4万+
JavaScript Promise返回值详解Promise回顾 Promise回顾 Promise对象是JavaScript ES6标准中一个重要的内容，它是为了异步而生的，相比于经典的回调函数写法，在处理大量异步任务时使用Promise链在可读性上会远远优于回调函数导致的回调地狱，本文建立在读者已经对Promise有所了解的情况下，如果你还不了解Promise，可以参考MDN上的这篇文章。 ...
Promise的基本用法
m0_72383454的博客
09-12 1079
Promise的基本用法
promise.then返回结果几种情况
m0_60909419的博客
04-12 1万+
首先实例化一个promise对象。promise对象身上有then方法，可用来指定回调，对成功和失败的结果进行处理。它接受两个回调函数，一个是resolve成功的回调，一个是reject失败的回调。 const p = new Promise((resolve, reject) => { setTimeout(() => { resolve('成功的回调'); // reject('失败的回调'); }, 1000); }); p.then(v
回调地狱和promise
weixin_51040174的博客
05-08 632
promise、async、await、宏任务微任务
认识jQuery的Promise的具体使用方法
11-27
先前了解了ES6的Promise对象，来看看jQuery中的Promise，也就是jQuery的Deferred对象。 打开浏览器的控制台先。 [removed] var defer = $.Deferred(); console.log(defer); [removed] 运行结果：   和ES6的...
promise-snippets:承诺片段
05-12
Promise对象有三种状态，分别称为Pending（等待中）、Fulfilled（已成功）和Rejected（已失败）。Promise这个名字源自“承诺”，因为它承诺在未来的某个时间点提供一个结果，无论是成功还是失败。 Promise的核心...
认识JavaScript共1页.pdf.zip
12-02
11. ES6（ECMAScript 2015）及以上版本引入了许多新特性，如箭头函数（`=>`）、模板字符串（` `` `）、解构赋值、类（class）、Promise、Async/Await等，提升了代码的简洁性和可读性。 JavaScript框架和库： 12. ...
liejs:对承诺的新认识
05-24
在LieJS中，你可以创建一个Promise对象，然后通过`.then`方法添加成功和失败的回调。与原生Promise不同的是，LieJS的Promise支持同步执行，这在某些场景下可以提高代码的执行效率。 例如，你可以这样创建并使用一个...
风暴：用Typescript编写的面向对象的REST框架
02-15
在了解这个框架之前，我们先来认识一下TypeScript。TypeScript是JavaScript的一个超集，它添加了静态类型系统、类和接口等特性，提高了代码的可读性和可维护性，特别适合大型项目的开发。面向对象编程（OOP）则是一...
从.then()中返回非promise的数据
weixin_42841605的博客
02-27 545
获取.then()中的非promise数据
promise面试题及返回值状态判断
swoly2894265391的博客
05-02 1352
一个面试常问的代码题 function increment(value) { return value + 1; } function doubleUp(value) { return value * 2; } function output(value) { console.log(value);// => (1 + 1) * 2 } var p = Promise.resolve(1); p.then(increment) .then(doubleUp) .then
Promise对象的使用
技术的搬运工
12-23 2902
Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。
promise(5)promise.then()返回的新promise的结果状态由什么来决定
qq_43952245的博客
12-01 2599
简单表达 .由then()指定的回调函数执行的结果决定 详细表达 2、详细表达: * 2.1、如果抛出异常：新的promise变为rejected,reason为抛出的异常 * 2.2、如果返回的是非promise的任意值，新的promise变为resolved，value为返回的值 * 2.3、如果返回的是另一个新的promise,此p...
Promise的用法&原理&手写实现
hangao233的博客
03-31 2479
Promise的用法&原理&手写实现
JS async/await 不能阻塞返回 非Promise对象 测试
STR少寒的博客
04-27 1930
JS async/await 不能阻塞返回 非Promise对象 测试代码1 async function fn1(){ console.log(1); await pr1(); await pr2(); console.log(2); }; function fn2(){ console.log(3); }; function pr1(){ setTimeout(() => { console.log(4); resolve();
Promise学习之路（三）：Promise实例对象的状态属性与结果属性
最新发布
孙悟空
02-20 1238
本文主要讲述了Promise的状态属性（三种状态、状态变化路径、settled状态等）及其结果值，最后给出代码示例。
【ES6知识点】——Promise对象
m0_50785976的博客
08-25 603
Promise对象
Promise 对象
08-14
Promise 对象是 JavaScript 中处理异步操作的一种方式。它表示一个尚未完成但最终会完成的操作，并可以获取异步操作的结果。 Promise 对象有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值