承诺链

Question

您好，我正在尝试在我的 Angular 项目中使用 q-library 实现 Promise Chaining，下面是我的 2 种方法及其链接方式。我还发布了方法实现以了解我的问题。现在在pathUserDataFromAuthService 方法中，我想使用setEtag() 方法访问我在第一个Promise 中设置的Etag 值，即getUserDataFromAuthServer，这里的问题是getEtag() 方法在第一个承诺数据被解决之前被调用。

如何确保出现正确的 Etag 值

在这方面的任何帮助都会很棒

  getUserDataFromAuthServer(user)
            .then(pathUserDataFromAuthService(user))

方法代码如下

    getUserDataFromAuthServer = function(user){
                    var defer=$q.defer();
                    $http.get(autherizationURL+'/'+'api/users/'+user.username)
                   .then(function(response){
                        var ETag =response.headers().etag;
                        console.log("etag"+ETag)
                        setEtag(ETag)
                        console.log("Etag Set changed");
                        defer.resolve(response.data);
                    },function(error){          
                          defer.reject(error.statusText);
                    });
                    return defer.promise;       
                };



            var pathUserDataFromAuthService = function (user){      
                var defer=$q.defer();
                var passwordtobesaved ={
                        "firstName": user.firstName,
                        "lastName": user.lastName
                    };
                var tag = getEtag();
            $http.put(autherizationURL+'/'+'api/users/'+user.username,passwordtobesaved,{
                    headers:{
                        "If-Match": tag
                    }
                }).then(function(response){

                    defer.resolve(response.data);
                },function(error){          
                      defer.reject(error.statusText);
                });
                return defer.promise;       
            };

Answer 1

不需要使用 defer，这是一种反模式。 您可以通过返回 http 请求来简单地传递承诺。

应该是这样的：

getUserDataFromAuthServer = function(user){
  return $http.get(autherizationURL+'/'+'api/users/'+user.username)
      .then(function(response){
           var ETag =response.headers().etag;
           console.log("etag"+ETag)
           setEtag(ETag)
           console.log("Etag Set changed");
           return response.data;
        }
};

同样的事情可以在你的第二个函数中完成，虽然我不明白为什么需要它，因为它结束时你什么都不做。

var pathUserDataFromAuthService = function (user){      
  var passwordtobesaved ={
    "firstName": user.firstName,
    "lastName": user.lastName
  };
  var tag = getEtag();
  return $http.put(
    autherizationURL + '/' + 'api/users/' + user.username, 
    passwordtobesaved, 
    { headers: { "If-Match": tag } }
  )
};

Answer 2

正如已经指出的，主要问题是then() 接受函数。

在那之后，需要传递user 让事情变得有点尴尬，但没有什么是 javascript 无法处理的。

许多方法都是可能的。这里有两个。

1.分别通过user和etag，借助.bind()

这可能不是很明显，因为user 和etag 这两个参数是通过不同的机制传递的：

• user: 被“绑定”
• etag：由promise链传递给.bind()返回的函数

getUserDataFromAuthServer(user).then(pathUserDataFromAuthService.bind(null, user));

getUserDataFromAuthServer = function(user) {
    return $http.get(autherizationURL + '/api/users/' + user.username).then(function(response) {
        return response.headers().etag;
    });
};

var pathUserDataFromAuthService = function(user, etag) {
    return $http.put(autherizationURL + '/api/users/' + user.username, {
        "firstName": user.firstName,
        "lastName": user.lastName
    }, {
        headers: { "If-Match": etag }
    }).then(function(response) {
        return response.data;
    });
};

2。将user 和etag 作为单个对象的属性传递

这可能更直观。承诺链将单个对象作为data 传递给pathUserDataFromAuthService。

getUserDataFromAuthServer(user).then(pathUserDataFromAuthService);

getUserDataFromAuthServer = function(user) {
    return $http.get(autherizationURL + '/api/users/' + user.username).then(function(response) {
        return {
            user: user,
            etag: response.headers().etag
        };
    });
};

var pathUserDataFromAuthService = function(data) {
    return $http.put(autherizationURL + '/api/users/' + data.user.username, {
        "firstName": data.user.firstName,
        "lastName": data.user.lastName
    }, {
        headers: { "If-Match": data.etag }
    }).then(function(response) {
        return response.data;
    });
};

在这两种解决方案中 setEtag() / getEtag() 消失的假设是它们存在（在问题中）仅作为传递 ETag 的机制。如果出于其他原因（例如副作用）有必要，可以重新引入它们而不会产生任何后果（除非它们抛出）。