firebase onAuth() 抛出：TypeError 无法读取未定义的属性“auth”

Question

我使用 Firebase 作为我的主要后端解决方案，并创建了一个用于在整个应用程序中处理身份验证的服务（因为我开始使用 simpleLogin，现在我正在尝试使用他们内置的登录方法，我认为它可能最好在从应用程序的其余部分访问之前将所有内容设置为范围）。

我的 firebase 参考工作正常，所以它是 auth 方法。
但是监听方法 onAuth() 和 offAuth() 都抛出这个错误：

未捕获的类型错误：无法读取未定义的属性 'auth' - firebase-debug.js:9954

这是 firebase 本身的错误还是有人看到我做错了什么？ 尝试使用 angular 版本并关闭其他 bower 包，如 angularfire 和 firebase-simple-login，但到目前为止没有成功。

我的身份验证服务代码如下，除了在 .constant 服务上定义我的 url 之外，我没有做任何事情。

    angular.module('myApp')
    .factory('auth', function (firebaseAPIUrl) {

      var ref = new Firebase(firebaseAPIUrl),
          onAuth = ref.onAuth,
          offAuth = ref.offAuth;

      onAuth(function (authData) {
        console.log(authData);
      });

      function getCurrentUser() {
        return ref.getAuth();
      }

      ...

      return {
        onAuth: onAuth,
        offAuth: offAuth,
        getCurrentUser: getCurrentUser,
        ...
      }
    }

Answer 1

在 JavaScript 中，当传递一个函数以供以后调用时，重要的是要注意调用该函数的 作用域。例如，在定义闭包时，闭包将有自己的范围，this 可能不再指向我们的原始对象。使用 fn.bind(...) 可以解决此问题。

这可能会变得很棘手，因为您正在使用的代码可能取决于特定的范围。诀窍是确保在您将函数作为参数传递时范围没有改变，这可以通过在传递之前将方法显式绑定 到原始对象来实现。

查看http://www.reactive.io/tips/2009/04/28/binding-scope-in-javascript/ 和http://alistapart.com/article/getoutbindingsituations 以深入了解该主题。