axios用catch的写法与不使用catch有什么区别？

官网上的写法：

axios.post(url, data).then(response => {console.log(response);}).catch(error => {console.log(error);})

公司项目的写法：

axios.post(url, data).then(response => {console.log(response);}, error => {console.log(error);})

之前一直没有仔细研究过then和catch的写法，事实上，这个不是 axios catch 的相关而是关于 new Promise() 的then
阮一峰在 promise 文档中有介绍。

一般来说，不要在then方法里面定义 Reject 状态的回调函数（即then的第二个参数），总是使用catch方法。
// bad
promise.then(function(data) {// success}, function(err) {// error});// good
promise.then(function(data) { //cb// success}).catch(function(err) {// error});
上面代码中，第二种写法要好于第一种写法，理由是第二种写法可以捕获前面then方法执行中的错误，也更接近同步的写法（try/catch）。因此，建议总是使用catch方法，而不使用then方法的第二个参数。

公司的写法无法catch第一个参数的异常。

这样写可能容易看懂一些：

axios.post(url, data).then(response => {//处理逻辑}, error => {console.log('接口报错');}).catch(error=>{console.log('处理逻辑出错');})

axios.post(url, data).then(response => {//处理逻辑}).catch(error=>{console.log('接口或处理逻辑出错');})

axios用catch的写法与不使用catch有什么区别？相关推荐

java catch中 return_JAVA中try、catch、finally带return的执行顺序总结
try catch 以后只要没有抛出新异常或者return,代码会继续往下执行的. 异常处理中,try.catch.finally的执行顺序,大家都知道是按顺序执行的.即,如果try中没有异常,则顺 ...
php catch e是什么,php try catch 中的catch(Exception $e) 中的Exception 有什么作用？
如题. Exception 是起作用域的作用吗?还是语言结构? 首先很明确的是 try - catch - 是一个语言结构. 那既然如此就不能用函数参数类型限定的方式去理解 catch 后面的括号里的 ...
php错误没有进入catch,php – 致命错误：没有try / catch块的未捕获异常
我正在尝试在表单字段为空时以及插入查询不成功时抛出异常.我已经看到有人在不使用try / catch块而不包含Exceptions类之前抛出异常.有谁知道我会怎么做? 当我没有填写所有字段时,这是我得 ...
java catch匹配忽略_Java 语法 try catch使用容易忽略的细节 BigDecimal
try catch使用细节一. try catch的使用方式容易理解,两者最终都要执行finally中的代码,而当return在try和catch中又会有什么效果? 如果我们做一个简单的例子就会发现 ...
python try catch 所有异常_python错误处理—try…catch…finally、调用栈分析
高级语言包括python一般都内置了一套try-catch-finally的错误处理机制: >>> try: ...print('try...') ... r= 10 /0 ...p ...
axios获取发起请求的地址 vue_axios安装，发送地址请求实例
安装先在当前项目安装axios cnpm i axios -S get请求 axios.get('http://localhost:8082/getAllStudents').then(res=&g ...
学习 axios 源码整体架构，打造属于自己的请求库
前言这是学习源码整体架构系列第六篇.整体架构这词语好像有点大,姑且就算是源码整体结构吧,主要就是学习是代码整体结构,不深究其他不是主线的具体函数的实现.本篇文章学习的是实际仓库的代码. 学习源码整体 ...
十五、与服务端通信——axios（1）
本章概要安装基本用法 axios API 请求配置并发请求在实际项目中,页面中所需要的数据通常是从服务端获取的,这必然牵涉与服务端的通信, Vue 官方推荐使用 axios 完成 Ajax 请 ...
【vue】axios和vue-axios请求模块
目录一.axios模块二. axios使用方法 1.创建服务器端Express项目 2.创建服客户端Vite项目 3.在vite客户端安装axios 三.axios的六种请求 1.无参的get请求 ...

axios用catch的写法与不使用catch有什么区别？

官网上的写法：

公司项目的写法：

axios用catch的写法与不使用catch有什么区别？相关推荐

最新文章

热门文章