javascript - 未设置对象属性，但控制台说不

我正在尝试使用angular设置条纹验证服务。我基本上想调用StripeResponse.get（）并让它返回错误或Stripe响应的令牌。

我的问题是，当我执行此代码时，如果执行var a = StripeResponse.get();然后将a登录到控制台，则会看到null。

如果我在console.log(this);之前添加return this.response;，则会看到以下内容：

Object {response:null, get: function}
 > get: function() {
 v response: Object
    code: "invalid_number"
    message: "This card number looks invalid"
    param: "number"
    type: "card_error"

我不理解该控制台日志中“ response：null”和“ response：Object”之间的差异。下面是我的服务/模块代码。

var app = angular.module('StripeVerify', [ ]);

app.service('StripeResponse', function () {
  return {
    response: null,
    get: function () {
      var form = $('form[name="ccForm"]');
      Stripe.createToken(form, $.proxy(function (status, response) {
        if (response.error) {
          return this.response = response.error;
        } else {
          return this.response = response.id;
        }
      }, this));
      return this.response;
    }
  }
});

最佳答案

由于createToken方法不返回承诺或没有任何类型的回调机制，因此您应该只使用有角度的$q's Defered API并为您的服务创建一个承诺模式。

app.service('StripeResponse', ['$q', function ($q) {
  return {
    response: null,
    get: function () {
      var defered = $q.defer(); //Create a deffered object

      var form = $('form[name="ccForm"]');
      Stripe.createToken(form, function (status, response) {
        if (response.error) {
           defered.reject(response.error); //reject the promise

        } else {
            defered.resolve(response.id); //resolve the promise
        }

      });
      return defered.promise;
    }
  }
}]);

在使用服务时，您只需执行以下操作（伪代码）：

  StripeResponseService.get()
  .then(function(id){//Handle Success
  })
  .catch(function(error){//Handle failure
  })

关于javascript - 未设置对象属性，但控制台说不，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24983660/