手写实现一个简易版promise

最新推荐文章于 2024-07-11 20:25:41 发布

weixin_44022064

最新推荐文章于 2024-07-11 20:25:41 发布

阅读量72

点赞数

本文链接：https://blog.csdn.net/weixin_44022064/article/details/119776839

版权

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>极简版promise</title>
</head>
<body>
    <h1>
      极简版promise
    </h1>

    <script>
      function promise() {
        this.status = 'penging'
        this.msg = '' // 储存value与reson
        console.log("argumen------------------ts",arguments)
        let process = arguments[0], // 就是 new promise的函数
         that = this
         process( function () {
          that.status = 'resolve'
          that.msg = arguments[0]
         },function () {
          that.status = 'reject'
          that.msg = arguments[0]
         })
         return this
      }
      promise.prototype.then = function () {
        if(this.status === 'resolve') {
           arguments[0](this.msg)
           return this.msg
        }
        
      }

          // 封装promise代码
      function doSomething (val) {
        return new promise ( (resolve) => {
          resolve(val)
        })
      }
     
      doSomething('我是参数-then').then(res => {
        console.log("--------------",res)
      })

        // 测试
      add()
      async function add() {
        const res = await doSomething('我是参数')
        console.log('res',res)
      }


      // 正版promise
      
      const p1 = new Promise( (resolve,reject) => {
        if(Math.random()> 0.5){
          resolve('我是resolve')
        }else {
          reject('我是reject')
        }
      })
      console.log("p1",p1)

    </script>
</body>
</html>

weixin_44022064

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
手写实现一个简易版promise

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-...
复制链接

扫一扫