Question

我试图在Javascript中实现一个集合 - 无论如何要为我的集合中的元素实现类似数组的索引器吗？

到目前为止，我有以下代码：

var Collection = function() {

    var collection = [];

    var addAccessor = function(api, name) {
      if (toString.call(collection[name]) == '[object Function]') {
        api[name] = (function(){
          return function () {
            return collection[name](arguments);
          };
        }());
      }
      else {
        Object.defineProperty(api, name, {
          get: function() { return collection.length; },
          enumerable: true,
          configurable: true
        });
      }
    };

    var publicApi = {};

    var methods = Object.getOwnPropertyNames(Array.prototype);
    for(var i = 0, len = methods.length; i < len; ++i) {
      var method = methods[i];
      addAccessor(publicApi, method);
    }

    return publicApi;
  };
};

所有Array.prototype方法和属性都按预期工作。

var c = Collection();
c.push(4);
console.log(c.length);  // 1

但我无法弄清楚的一件事是如何让以下工作：

console.log(c[0]);     // should print 4, currently undefined

有没有这样做？

Answer 1

如果你想“扩展”数组，那么经典的方法就是：

function Collection(){};
Collection.prototype = new Array();
Collection.constructor = Collection;

现在添加您自己的方法：

Collection.prototype.color = function() {
    this.push('color');
};

并将其与new：

一起使用

var myArray = new Collection();
myArray.push(1);
myArray.color();

如果要添加访问阵列推送的新push方法，请尝试：

Collection.prototype.push = function() {
    console.log('pushed!');
    Array.prototype.push.apply(this, [].slice.call(arguments));
};

如何在Javascript中实现类似数组的索引器（[]）？

1 个答案: