Google OAuth2 + Backbone + Require.js = "this"绑定问题

Question

Google OAuth2 代码基于https://developers.google.com/api-client-library/javascript/features/authentication

LoginView有几个函数，每个函数调用另一个函数。

当它到达checkAuth函数时，this.handleAuthResult返回未定义，因为checkAuth在 setTimeout 中被 handleClientLoad 调用

。

如何处理this上下文问题？我可以对我的变量做同样的事情吗 - scope、clientId、apiKey而不是使它们全局化？

define(['underscore','jquery','backbone','text!templates/login.html','async!https://apis.google.com/js/client.js!onload'], function(_, $, Backbone, loginTpl) {
  var LoginView = Backbone.View.extend({
    template: _.template(loginTpl),
    initialize: function() {
      clientId = '';
      apiKey = '';
      scopes = 'https://www.googleapis.com/auth/plus.me';
      this.handleClientLoad();
    },
    render: function() {
      this.$el.html(this.template());
      return this;
    },
    handleClientLoad: function() {
      gapi.client.setApiKey(apiKey);
      window.setTimeout(this.checkAuth, 1);
    },
    checkAuth: function() {
      gapi.auth.authorize({ client_id: clientId, scope: scopes, immediate: true }, this.handleAuthResult);
    },
    handleAuthResult: function(authResult) {
      var authorizeButton = this.$el.find('#authorize-button');
      if (authResult && !authResult.error) {
        console.log('Authorized!');
        this.makeApiCall();
      } else {
        authorizeButton.onclick = this.handleAuthClick;
      }
    },
    handleAuthClick: function(event) {
      gapi.auth.authorize({client_id: clientId, scope: scopes, immediate: false}, this.handleAuthResult);
      return false;
    },
    makeApiCall: function() {
      gapi.client.load('plus', 'v1', function() {
        var request = gapi.client.plus.people.get({
          'userId': 'me'
        });
        request.execute(function(resp) {
          var authorizeButton = this.$el.find('#authorize-button');
          localStorage.isAuthenticated = true;
          Backbone.history.navigate('', true);
        });
      });
    }
  });
  return LoginView;
});

Answer 1

handleClientLoad 中的 setTimeout 是问题所在：

window.setTimeout(this.checkAuth, 1);

当"window.setTimeout"在 1ms 后执行并且不再在 LoginView 范围内执行时。

您可以使用"_.bind"将执行绑定到此。

window.setTimeout(_.bind(this.checkAuth, this), 1);

您也可以阅读"此"帖子。

希望这有帮助！