存储变量供以后的函数使用时出错

Question

我正在尝试使用Firebase和Twitter设置用户身份验证。 此答案中的代码适用于某点：

var url = 'https://molovo-comments.firebaseio.com/';
var myDataRef = new Firebase(url);

var dataStore = (function(){
  var user = null;

  var auth = new FirebaseSimpleLogin(myDataRef, function(error, data) {
    if (error) {
      // an error occurred while attempting login
      console.log(error);
    } else if (user) {
      // user authenticated with Firebase
      user = data;          
      console.log('User ID: ' + user.id + ', Provider: ' + user.provider);
    } else {
      // user is logged out
    }
  });

  return {
    getAuth : function() {
      if (auth) return auth;
        // else show some error that it isn't loaded yet;
    },
    getUser : function() {
      if (user) return user;
        // else show some error that it isn't loaded yet;
    }
  };
})();

我可以使用dataStore.getAuth()访问auth变量，并将user.id登录到控制台。 调用dataStore.getAuth().login('twitter')也可以，并且我已重定向到Twitter登录页面。

但是，如果我尝试使用dataStore.getUser().id从外部返回用户ID， dataStore.getUser().id得到cannot read property 'id' of undefined 。

我认为我可能只是以错误的方式返回了user ，因此，如果有人可以对这个问题有所了解，我将非常感激。

更新：感谢@BenjaminWarren和@SpinyNorman的回答，我更新了代码以使用正确的变量，如下所示：

var dataStore = (function(){
  var userObj = null;

  var auth = new FirebaseSimpleLogin(myDataRef, function(error, user) {
    if (error) {
      // an error occurred while attempting login
      console.log(error);
    } else if (user) {
      // user authenticated with Firebase
      userObj = user;
      console.log('User ID: ' + userObj.id + ', Provider: ' + userObj.provider);
    } else {
      // user is logged out
    }
  });

  return {
    getUser : function() {
      if (userObj) return userObj;
      // else show some error that it isn't loaded yet;
    },
    getAuth : function() {
      if (auth) return auth;
      // else show some error that it isn't loaded yet;
    }
  }
})();

jQuery(document).ready(function($) {
  console.log(dataStore.getUser().id);
});

控制台输出如下所示：

Uncaught TypeError: Cannot read property 'id' of undefined main.js:37
User ID: 222936694, Provider: twitter main.js:14

因此，在返回auth对象之前已记录dataStore.getUser().id ，因此未定义。 我在getUser（）返回上尝试了不同的setTimout值，但始终在auth之前返回

干杯，

詹姆士

Answer 1

尝试这个：

var url = 'https://molovo-comments.firebaseio.com/';
var myDataRef = new Firebase(url);

var dataStore = (function(){
  var user = null;

  var auth = new FirebaseSimpleLogin(myDataRef, function(error, user) {
    if (error) {
      // an error occurred while attempting login
      console.log(error);
    } else if (user) {
      // user authenticated with Firebase
      console.log('User ID: ' + user.id + ', Provider: ' + user.provider);
    } else {
      // user is logged out
    }
  });

  return {
    getAuth : function() {
      if (auth) return auth;
        // else show some error that it isn't loaded yet;
    },
    getUser : function() {
      if (user) return user;
        // else show some error that it isn't loaded yet;
    }
  };
})();

看看其他一些引用， function(error, user)似乎是常见的格式。 您的处理方式与else if (user)始终返回false的情况类似，因为正在传递data而不是user 。

Answer 2

在我看来，由于user变量从未更新，因此当前代码根本不会记录用户ID。 它以null开头，并且仅在(...) if(user) { user = data } ，永远无法访问。 我认为这一行应该说} else if (data) {相反：

var url = 'https://molovo-comments.firebaseio.com/';
var myDataRef = new Firebase(url);

var dataStore = (function(){
  var user = null;

  var auth = new FirebaseSimpleLogin(myDataRef, function(error, data) {
    if (error) {
      // an error occurred while attempting login
      console.log(error);
    } else if (data) {
      // user authenticated with Firebase
      user = data;          
      console.log('User ID: ' + user.id + ', Provider: ' + user.provider);
    } else {
      // user is logged out
      console.log('Not logged in.');
      user = {id: null}; // for example.
    }
  });

  return {
    getAuth : function() {
      if (auth) return auth;
        // else show some error that it isn't loaded yet;
    },
    getUser : function() {
      if (user) return user;
        // else show some error that it isn't loaded yet;
    }
  };
})();

编辑：正如本杰明·沃伦（Benjamin Warren）所指出的，这可能是由于将函数自变量的名称从user更改为data以避免与先前定义的user变量冲突而引起的。 我假设在将参数名称也从user更改为data之后，日志功能也停止了工作。