Question

我正在使用代理类，因为我拥有的数据是对存储我的对象的Firebase位置的引用，但我想表现得好像我拥有对象本身。我有一些工作正常，但我想改进它，关键标准是减少重复。我怀疑通过检查Map类并使用apply（）可以实现某些功能，但我不知道该怎么做（或者如果有更好的解决方案）。

我认为，如果解决方案可以推广到支持任何类，而不仅仅是Map类，那么它也会很有用。

var Map = function() {
  ...
};

var MapProxy = function(mapRef) {
  this.mapRef = mapRef;
};

Map.prototype.addToken = function(portrait, newLocation) {
  ...
};

Map.prototype.removeToken = function(token) {
  ...
};

Map.prototype.moveToken = function(token, newLocation) {
  ...
};

MapProxy.prototype.addToken = function(portrait, newLocation) {
  var mapRef = this.mapRef;

  mapRef.once('value', function(data) {
    var map = new Map();
    map.init(mapRef, data.val());

    map.addToken(portrait, newLocation);
  });
};

MapProxy.prototype.removeToken = function(token) {
  var mapRef = this.mapRef;

  mapRef.once('value', function(data) {
    var map = new Map();
    map.init(mapRef, data.val());

    map.removeToken(token);
  });
};

MapProxy.prototype.moveToken = function(token, newLocation) {
  var mapRef = this.mapRef;

  mapRef.once('value', function(data) {
    var map = new Map();
    map.init(mapRef, data.val());

    map.moveToken(token, newLocation);
  });
};

var mapProxy = new MapProxy(mapRef);

Answer 1

想想我最终自己解决了。

var FirebaseProxy = function(classToProxy, firebaseRef) {
  var key,
      self = this;

  self.proxy = classToProxy;
  self.firebaseRef = firebaseRef;

  for (key in self.proxy.prototype) {
    if (typeof self.proxy.prototype[key] === 'function') {
      (function(inner_key) {
        self[inner_key] = function ()
        {
          var args = arguments;

          self.firebaseRef.once('value', function(data) {
            var proxiedInstance = new self.proxy();

            if (typeof proxiedInstance.init === 'function') {
              proxiedInstance.init(self.firebaseRef, data.val());
            }

            proxiedInstance[inner_key].apply(proxiedInstance, args);
          });
        } 
      })(key);        
    }
  }
}

Answer 2

我认为我并不完全遵循你想要完成的任务。你可以放弃代理，只使用这样的东西吗？

var Map = function(mapRef) {
  mapRef.on('value', function(snap) {
    this.init(snap.val());
  });
};

Map.prototype.init = function(data) {
  // update internal state with new data from Firebase ...
};

...

由于每次mapRef数据发生变化时都会触发'value'，因此您的地图对象将始终拥有最新数据。

值得注意的是，如果您定期需要最新的地图数据，则应该使用.on（），而不是.once（）。 .once（）将在每次请求时从服务器检索数据，而.on（）将始终缓存最新数据（因为它订阅了更新）。因此它会更快并且使用更少的带宽。

Firebase的通用Javascript代理

2 个答案: