0
点赞
收藏
分享

微信扫一扫

前端Vue-then方法和catch方法


then、catch方法

  • ​​then()里写两个参数​​
  • ​​主要区别:​​

1、then()方法是异步执行。

当.then()前的方法执行完后
再执行then()内部的程序,这样就避免了,数据没获取到的问题。
通常用在ajax请求后面

2、catch()方法防止因为错误而造成系统崩溃

在程序逻辑中, 需要在易出现问题的逻辑代码片段上,
加持catch方法, 这样做可以捕获错误, 但是不会影响整个程序运转;

then()里写两个参数

第一个是成功时的回调方法,默认给这个方法传递了成功的数据,
另一个是失败的方法,以及失败的数据

<script>
export default {
name: 'demo',
data() {
return {}
},
methods: {
testDemo(data) {
// ajax请求
testAjax(url, params).then(data => {
// 处理成功
console.log(data)
}, data => {
// 处理失败
console.log(data)
})
}
}
}
</script>

一般情况下,为了不报错,会在then()后面调用.catch(),相当于类似try{}catch(e){} ,可以理解为省略了try()

<script>
export default {
name: 'demo',
data() {
return {}
},
methods: {
testDemo(data) {
// ajax请求
testAjax(url, params).then(data => {
// 处理成功
console.log(data)
}).catch(err => {
// 报错
console.log(err)
})
}
}
}
</script>

主要区别:

如果在then的第一个函数里抛出了异常,后面的catch能捕获到,
而then的第二个函数捕获不到。
因此,建议总是使用catch方法,而不使用then方法的第二个参数。


举报

相关推荐

0 条评论