账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    手写promise构造函数的一点疑惑
    41
    0
    1. 自己尝试手写promise函数，遇到一个不理解的地方
        const PENDING='pending'
    const RESOLVE='resolve'
    const REJECTED='rejected'
    function MyPromise(fn){
        const that=this
        this.status=PENDING
        this.val=null
        this.resolveList=[]
        this.rejectedList=[]
        function resolve(val){
            if(that.status==PENDING){
                that.status=RESOLVE
                that.val=val
                that.resolveList.map((cb)=>cb(that.val))

            }

        }
        function rejected(val){
            if(that.status==PENDING){
                that.status=REJECTED
                that.val=val
                that.rejectedList.map((cb)=>cb(that.val))

            }
        }

        try{
            fn(resolve,rejected)
        }
        catch(e){
            rejected(e)
        }
    }

    promise 构造函数接收一个函数，该函数有两个参数,resolve和reject,这两个参数也是函数，即类似下面的结构

        function Test(fn){
        function a(){
            console.log('a')
        }
        function b(){
            console.log('b')
        }

        fn(a,b)
    }
    p2=new Test(function fn(a,b){
        a()
    })

    问题一：
    构造函数中为什么要执行一次fn?这个目的是什么？发生了什么？

    问题二：

    实例化p2的时候，a方法和b方法应该是在构造函数中的，为什么实例p2中执行a()也可以打印出结果？还有实例化的时候我传入的函数是这个

    构造函数中的 a方法和b方法也会进入实例p2么？

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得：提问者悬赏的 10 元积分
        全部回答
    • 共 0 条
    • 我瞎跟我走 普通会员 1楼

      在JavaScript中，Promise是ES6引入的一个新特性，用于解决异步编程中的回调地狱问题。Promise的构造函数接受两个参数：一个拒绝函数和一个接受函数。

      在JavaScript中，通常使用async/await或者Promise.all来处理异步操作，但是Promise的构造函数在语法上并没有特殊的限制，可以任意组合。那么，手写Promise的构造函数又是什么呢？

      首先，我们来看一下Promise的拒绝函数和接受函数：

      • 拒绝函数：这个函数接受两个参数：一个错误对象和一个包含结果的Promise对象。这个函数被用于在Promise被拒绝时处理错误。

      javascript function reject(error) { return new Promise((resolve, reject) => { // 在这里处理错误 reject(error); }); }

      • 接受函数：这个函数接受一个参数：一个Promise对象。这个函数被用于在Promise被成功时处理结果。

      javascript function accept promiseResult() { // 在这里处理结果 console.log(promiseResult); }

      然后，我们来看一下如何使用手写Promise的构造函数：

      ```javascript let promise = new Promise((resolve, reject) => { setTimeout(() => { resolve('Promise resolved'); }, 2000); });

      let rejectError = new Promise((resolve, reject) => { setTimeout(() => { reject(new Error('Promise rejected')); }, 2000); });

      promise.then(acceptError).catch(rejectError); ```

      在这个例子中，我们创建了两个Promise对象，分别用于执行一个耗时的操作（setTimeout）和处理一个错误。然后，我们使用Promise.all来处理这两个Promise对象。最后，我们使用.then和catch方法来处理Promise的异步操作结果。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部