使用Promise过程中resolve或reject后，后面代码还会执行，默认加return较妥

最新推荐文章于 2025-10-07 17:15:24 发布

原创最新推荐文章于 2025-10-07 17:15:24 发布 · 2.2w 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#Promise #ES6 #reject #resolve #js

JavaScript 同时被 2 个专栏收录

152 篇文章

订阅专栏

日常积累

35 篇文章

订阅专栏

本文探讨了JavaScript中Promise的使用，展示了如何通过.then和.catch方法处理异步操作的成功和失败情况。通过三个示例函数p(), p1(), p2()，分别演示了Promise在遇到错误时的捕获与日志输出过程。

    console.log(111)
    p()
      .then(result => {
        console.log(`p result:${result}`)
      })
      .catch(err => {
        console.log(`p err :${err}`)
      })
    p1()
      .then(result => {
        console.log(`p1 result:${result}`)
      })
      .catch(err => {
        console.log(`p1 err :${err}`)
      })
    p2()
      .then(result => {
        console.log(`p2 result:${result}`)
      })
      .catch(err => {
        console.log(`p2 err :${err.message}`)
      })
    function p() {
      return new Promise((resolve, reject) => {
        console.log(222)
        setTimeout(() => {
          console.log('async in p')
          reject('err in p')
          console.log('content after p reject')
        }, 200)
      })
    }
    function p1() {
      return new Promise((resolve, reject) => {
        console.log(333)
        setTimeout(() => {
          console.log('async in p1')
          resolve('resolev in p1')
          console.log('content after p1 resolve')
        }, 250)
      })
    }
    function p2() {
      return new Promise((resoleve, reject) => {
        console.log(444)
        setTimeout(() => {
          console.log('async in p2')
          return reject(new Error('p2error'))
          console.log('content after p2 return')
        }, 300)
      })
    }