promise方法的简单使用

最新推荐文章于 2023-11-09 17:08:04 发布

原创最新推荐文章于 2023-11-09 17:08:04 发布 · 191 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

微信小程序专栏收录该内容

25 篇文章

订阅专栏

本文介绍了ES6中的Promise对象，重点讲解了resolve和reject在实际编程中的使用。通过一个简单的testPromise函数示例，展示了如何根据随机数决定执行resolve或reject，并在then方法中分别处理成功和失败的情况。这有助于开发者更好地理解和运用Promise来处理异步操作。

es6的promise会简单的使用，知道使用场景就够日常使用了，这里仅仅只是小笔记，记录resolve和reject的使用

在这里插入图片描述
效果：

这里的resolve，reject按字面意思就是成功时走resolve，失败走reject；在resolve，reject添加数据就可以在then回调函数里拿到。需要注意then接受两个函数，第一个是处理resolve的第二个是reject的

// promise方法
    testPromise() {
      var _Prom = new Promise(function(resolve, reject) {
        var num = Math.ceil(Math.random() * 10) //生成1-10的随机数
        if (num > 5) {
          resolve('大于5走resolve')
        } else {
          reject('小于5走reject')
        }
      })
      return _Prom
    },
    test() {
      this.testPromise().then(
        res => {
          console.log(res)
        },
        err => {
          console.log(err)
        }
      )
    }