在箭头函数中使用if ... else ....

时间:2017-09-18 06:38:24

标签: javascript vue.js arrow-functions

我使用ajax来获取Vue.js中的信息,所以我的代码是:

fetch('http://work1999.kcg.gov.tw/open1999/ServiceRequestsQuery.asmx/ServiceRequestsQuery').then(function (response) {
if (response.ok) {
    return response.json();
} else {
    commit(roottypes.LOADING, false);
}

});

但我使用Airbnb JavaScript Style,所以我收到错误: https://imgur.com/a/ePeUG

为了解决no-else-return和prefer-arrow-callback,我将代码更改为:

fetch('http://work1999.kcg.gov.tw/open1999/ServiceRequestsQuery.asmx/ServiceRequestsQuery').then((response) => {
if (response.ok) {
    return response.json();
}

commit(roottypes.LOADING, false);

});

然后,我收到了一个新错误: https://imgur.com/2qZOqD5

但只有当响应正常时,它才会返回,其他人则会执行该功能。 我怎么能解决这个问题? 感谢。

1 个答案:

答案 0 :(得分:1)

如果你想使用箭头功能,它应该是:

fetch('http://work1999.kcg.gov.tw/open1999/ServiceRequestsQuery.asmx/ServiceRequestsQuery')
    .then(response => { return response.ok ? response.json() : commit(roottypes.LOADING, false) });