js中对于返回Promise对象的语句如何try catch

最新推荐文章于 2024-05-29 18:30:41 发布
最新推荐文章于 2024-05-29 18:30:41 发布
阅读量6.3k 收藏 14
点赞数 3
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lg993372246/article/details/115569219
版权

文章目录

前言

平时闲下来必须深究技术，生活才有意义，知其然不知其所以然，是很可怕的，注定技术这条路走不远

一、何为Promise？

要理解这个东西，直接看官方文档，传送门

二、代码演示try catch

1. 无 async 修饰符，无 new Promise

function tryError () {
  try {
    console.log(a)
  } catch (e) {
    console.log(e)
  }
}

在这里插入图片描述
对于上面的同步代码，很好理解，错误能够正常捕获

2. 有 async 修饰符，无 new Promise

async function tryError () {
  try {
    console.log(a)
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述
函数添加了async 修饰符，错误也能够正常捕获，不同的是执行完函数，同时返回了一个Promise对象，试试看，拿到 Promise 对象之后能不能 catch 异常

async function tryError () {
  console.log(a)
}
tryError()

在这里插入图片描述
在控制台验证之后，发现没问题，异常被成功 catch 了

3. 无 async 修饰符，有 new Promise，Promise里面无 async

function tryError () {
  try {
    return new Promise((resolve, reject) => {
      throw new Error('error')
    })
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述
发现这种情况下，是无法 catch 异常的，那如果在new Promise之后 catch 呢？试试看，

function tryError () {
  try {
    return new Promise((resolve, reject) => {
      throw new Error('error')
    }).then(res => {
      console.log(res)
    }).catch(e => {
      console.log('catch：' + e)
    })
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述

结果发现，在 .catch 里面成功捕获了异常

4. 无 async 修饰符，有 new Promise，Promise里面有 async

function tryError () {
  try {
    return new Promise(async (resolve, reject) => {
      throw new Error('error')
    })
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述
发现这种情况下，是无法 catch 异常的，那如果在new Promise之后 catch 呢？试试看，

function tryError () {
  try {
    return new Promise(async (resolve, reject) => {
      throw new Error('error')
    }).then(res => {
      console.log(res)
    }).catch(e => {
      console.log('catch：' + e)
    })
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述
结果发现，在 .catch 里面依然无法捕获异常

5. 有 async 修饰符，有 new Promise，Promise里面无 async

async function tryError () {
  try {
    return new Promise((resolve, reject) => {
      throw new Error('error')
    })
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述
发现这种情况下，是无法 catch 异常的，那如果在new Promise之后 catch 呢？试试看，

async function tryError () {
  try {
    return new Promise((resolve, reject) => {
      throw new Error('error')
    }).then(res => {
      console.log(res)
    }).catch(e => {
      console.log('catch：' + e)
    })
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述
结果发现，在 .catch 里面成功捕获了异常

6. 有 async 修饰符，有 new Promise，Promise里面有 async

async function tryError () {
  try {
    return new Promise(async (resolve, reject) => {
      throw new Error('error')
    })
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述
发现这种情况下，是无法 catch 异常的，那如果在new Promise之后 catch 呢？试试看，

async function tryError () {
  try {
    return new Promise(async (resolve, reject) => {
      throw new Error('error')
    }).then(res => {
      console.log(res)
    }).catch(e => {
      console.log('catch：' + e)
    })
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述
结果发现，在 .catch 里面依然无法捕获

7. 有 async 修饰符，有 await new Promise，Promise里面无 async

async function tryError () {
  try {
    return await new Promise((resolve, reject) => {
      throw new Error('error')
    })
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述
这种情况下，发现成功 catch 了异常，那如果在new Promise之后 catch 呢？试试看，

async function tryError () {
  try {
    return await new Promise((resolve, reject) => {
      throw new Error('error')
    }).then(res => {
      console.log(res)
    }).catch(e => {
      console.log('catch：' + e)
    })
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述
结果发现，在 .catch 里面成功捕获了异常

8. 有 async 修饰符，有 await new Promise，Promise里面有 async

async function tryError () {
  try {
    return await new Promise(async (resolve, reject) => {
      throw new Error('error')
    })
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述
这种情况下，发现不能 catch 异常，那如果在await new Promise之后 catch 呢？试试看，

async function tryError () {
  try {
    return await new Promise(async (resolve, reject) => {
      throw new Error('error')
    }).then(res => {
      console.log(res)
    }).catch(e => {
      console.log('catch：' + e)
    })
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述
结果发现，在 .catch 里面依然无法捕获异常

三、图解 try catch

在这里插入图片描述
可见Promise中的错误捕获正确的用法是：
在 async 函数内部使用 try catch 捕获异步错误
promise 内部使用 .catch 方法来捕获 promise 内部代码错误

四、立即执行函数

function tryError () {
  try {
    (async () => {
      throw new Error('error')
    })()
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述
可见立即执行函数只要带上async修饰符，也是无法 catch 异常的，除非在async之后使用 .catch 来捕获，

function tryError () {
  try {
    (async () => {
      throw new Error('error')
    })().catch(e => {
      console.log('catch：' + e)
    })
  } catch (e) {
    console.log(e)
  }
}
tryError()

在这里插入图片描述
结果发现，在 .catch 里面成功捕获了异常

五、异常不catch，代码不会继续往下执行

注意： 异常不catch，代码不会继续往下执行

六、参考文档

JS中的async/await的用法和理解
使用 Promise
promise中的错误捕获

秦时明月之安康
关注
  • 3
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
Promise的基本使用
zmh_984983444的博客
04-10 1396
【代码】Promise的基本使用。
优雅而高效的JavaScript——try...catch语句（js异常处理）
杜永康的博客
10-19 1万+
除了内置的异常类型，JavaScript还允许我们创建自定义异常类型。通过创建自定义异常类型，我们可以根据自己的需求定义特定的错误类型，并在程序中抛出和捕获这些异常。要创建自定义异常类型，我们可以定义一个继承自Error的子类，并在子类中添加自定义的属性和方法。'自定义错误：' + this.message;try {throw new CustomError('这是一个定义错误');console.log('捕获到自定义错误：', error.getErrorMessage());
JavaScript中try..catch与Promise中.catch说明
最新发布
weixin_53483426的博客
05-29 335
主要用于捕获同步代码块中的错误，即那些会立即抛出异常的代码。然而，当使用 Promise 或其他异步操作时，错误是在异步操作中抛出的，因此它们不会立即被外部的。在微信小程序云开发中，当你使用云数据库或其他基于 Promise 的 API 时，你应该使用。可以捕获并处理这些失败。在异步编程中（如使用 Promises 或 async/await），异常可能不会立即抛出，而是在稍后的某个时间点。如果你需要执行多个可能失败的操作，并且这些操作之间存在依赖关系（即一个操作失败可能导致后续操作也失败），那么使用。
Promise的使用
hzg_hou的博客
06-02 1455
语法固定 try…catch try 尝试的意思 catch 捕获1. try catch捕获到错误之后, 后续代码可以继续执行2. catch 可以将错误信息捕获到. error参数是一个错误对象, 有message(错误信息)和stack（错误跟踪，精准到行和列）两个属性,使用console.dir(error)打印输出查看3. 抛出错误之后, 在 try 里面的报错的后续代码就不再执行。
JavaScript系列之Promise的resolve、reject、then、catch
老__L的博客
09-28 3401
Promise是ES6异步编程的一种解决方案(目前最先进的解决方案是async和await的搭配（ES8)，但是她们是基于Promise的），从语法上讲，Promise是一个对象或者说是构造函数，用来封装异步操作并可以获取其成功或失败的结果。Promise 构造器主要用于包装不支持 Promise（返回值不是 Promise）的函数。then() 方法返回一个 Promise。它最多需要有两个参数：Promise 的成功和失败情况的回调函数。catch() 方法返回一个Promise ，并且处理拒绝的情况。
【JS】promise 错误的捕获
呆呆狗
06-30 4683
1.promise 中通过 throw 抛出错误，catch 来捕获 let p = new Promise((resolve, reject) => { //resolve('成功调用') //reject('失败调用') throw 'new Promise 报错' }) p.then( res => { console.log(res); throw '成功调用后报错' },
javascript中的try catch异常捕获机制用法分析
10-20
本文将深入探讨JavaScript中的try...catch异常捕获机制，包括其基本概念、使用方法以及各种特殊情况的处理。 1. **try...catch块的基本结构** JavaScript的异常处理机制采用了try...catch语句，它由try、catch和可...
JS手写一个自定义Promise操作示例
10-15
在JavaScript中，Promise是一种用于处理异步操作的对象，它提供了更好的错误处理机制和更优雅的代码结构。在面试中，经常会被要求手写一个简单的Promise实现来理解其工作原理。以下是一个基于class的自定义Promise...
JavaScript常用107个语句
12-29
本文将详细介绍JavaScript中的107个常用语句，帮助初学者快速入门。 1. **变量声明**：在JavaScript中，我们使用`var`、`let`或`const`来声明变量。`var`是老式的声明方式，而`let`和`const`是ES6新增的，它们具有...
前端开源库-async-try-catch
08-30
`async-try-catch` 库的核心功能就是扩展了传统的 `try/catch` 语句，使其在 `async` 函数中更加有效。在没有 `async-try-catch` 的情况下，我们需要在每个 `await` 表达式周围都包裹 `try/catch`，这可能导致代码变...
await包装器以便在没有trycatch的情况下更容易地处理错误
08-08
在JavaScript的异步编程中，`await`关键字用于等待一个Promise对象的结果，它通常与`async`函数一起使用。然而，直接使用`await`时，如果Promise被拒绝（即发生错误），JavaScript会抛出一个未捕获的异常，这可能会...
js中promise的catch怎么用
weixin_35750953的博客
12-29 910
在 JavaScript 中，Promise 的 catch 方法用于捕获并处理 Promise 对象抛出的错误。 使用方法如下： promise.catch(function(error) { // 处理错误的代码 }); 也可以使用箭头函数的写法： promise.catch(error => { // 处理错误的代码 }); 当 Promise 对象抛出错误时，会执行 ca...
Promise 的各种方法的详细使用
hsany330的专栏
04-03 1548
Prepending(进行时)，Resolve(成功了)，Reject(失败了)，then......等 1.Promise 的含义 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的...
调用js文件的数据并返回promise类型
weixin_52268321的博客
04-26 420
调用js文件的数据并返回promise类型
JS：Promise总结及关于then和catch的面试题解析
KongKong_Rac的博客
08-23 2871
Promise定义 Promise：一个对象，是异步操作的一种处理方案，主要解决了回调地狱callback hell问题。 Promise将处理程序与异步操作的最终成功值或失败原因关联起来，让异步方法像同步方法一样返回值，但不是立即返回最终值，异步方法返回一个Promise，在将来的某个时候提供该值。 Promise对象有三种状态： pending：进行中 resolved：完成 rejected：失败 Promise只有两种状态变化：（创建Promise时，PromiseStatus将处于pend
关于函数返回promise对象的写法
qq_44824824的博客
03-18 503
/ 将结果传递给 resolve。// 将错误信息传递给 reject。console.log("获取时间");// 请求成功时的处理。// 请求失败时的处理。
promise捕获错误方式？用 try catch 可以捕获吗？
HZ___ZH的博客
08-30 3520
捕获错误方式 rejected catch 全局捕获示例：unhandledrejection window.addEventListener('unhandledrejection', function(event) { // the event object has two special properties: alert(event.promise); // [object Promise] - the promise that generated the error alert(e
promise.all 异常处理
热门推荐
ISaiSai的专栏
09-14 1万+
promise.all 中任何一个promise 出现错误的时候都会执行reject 异步错误promise 无法捕获，可以通过try catch 捕获后调用reject 同步异常会自动调用reject（例如将setTimeout 修改为setTimeoutXXXXX） resolve 函数中出现的同步错误也会调用reject var p1 =new Promise(functi
javascript中的try catch异常捕获机制
liwusen的博客
06-11 6982
1.跟java一样，javascript也具有try catch块，进行异常捕获的机制。              （1）典型的try catch语句                   try{                    }                   catch{                   }              
promise中try catch
09-16
在Promise中，使用try-catch来捕获异常的方式会有一些特殊情况。根据引用、引用和引用的描述，我们可以得出以下结论： 1. 在使用await关键字时，如果在new Promise之后使用try-catch语句，则可以成功捕获到异常。这是因为await关键字会等待Promise对象的状态变为rejected，然后通过catch语句捕获异常。 2. 在不使用await关键字时，如果在new Promise之后使用try-catch语句，则无法捕获到异常。这是因为Promise对象的状态变为rejected时，catch语句已经执行完毕。 综上所述，如果想在Promise中捕获异常，建议在使用await关键字时使用try-catch语句。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值