Javascript 如何避免在$http请求之后重复.then()和.catch()?
我的angular应用程序中有一个简单的userAPI服务:Javascript 如何避免在$http请求之后重复.then()和.catch()?,javascript,angularjs,promise,dry,Javascript,Angularjs,Promise,Dry,我的angular应用程序中有一个简单的userAPI服务: app.service('userAPI', function ($http) { this.create = function (user) { return $http .post("/api/user", { data: user }) .then(function (promise) { return promise.data }) .catch(function (er
app.service('userAPI', function ($http) {
this.create = function (user) {
return $http
.post("/api/user", { data: user })
.then(function (promise) { return promise.data })
.catch(function (error) { return error.data })
}
this.read = function (user) {
return $http
.get("/api/user/" + user.id)
.then(function (promise) { return promise.data })
.catch(function (error) { return error.data })
}
this.update = function (user) {
return $http
.patch("/api/user/" + user.id, { data: user })
.then(function (promise) { return promise.data })
.catch(function (error) { return error.data })
}
this.delete = function (user) {
return $http
.delete("/api/user/" + user.id)
.then(function (promise) { return promise.data })
.catch(function (error) { return error.data })
}
})
如您所见,我在每次$http请求之后重复相同的.then()和.catch()函数。根据DRY原则,我怎样才能避免这种重复呢?为什么不只编写一次函数并将其应用于服务中的每个回调 比如:
app.service('userAPI', function ($http) {
var success = function (response) { return response.data; },
error = function (error) { return error.data; };
this.create = function (user) {
return $http
.post("/api/user", { data: user })
.then(success, error);
}
this.read = function (user) {
return $http
.get("/api/user/" + user.id)
.then(success, error);
};
this.update = function (user) {
return $http
.patch("/api/user/" + user.id, { data: user })
.then(success, error);
};
this.delete = function (user) {
return $http
.delete("/api/user/" + user.id)
.then(success, error);
};
});
还请注意,您可以使用
then(successcallback、errorcallback、notifycallback)
来缩短代码,甚至比使用then/catch更进一步。我不知道这些回调会做什么…为什么不在控制器中捕获错误(或者在使用userAPI
服务的任何地方)?此外,更重要的是,你为什么不使用这个???这是最好的,也是你能做的最异步的事情。。。!要将错误保留在失败路径上,应抛出error.data
,而不是返回。或者可能是return$q.reject(error.data)代码>带$q。混淆Roamer所说的是正确的-还要注意,.then(成功,错误)
做了与.then(成功).catch(错误)
不同的事情。