在 ES6 中正确扩展数组/代理？

Question

目前正在尝试对 Array / Object 进行自定义实现（我想最终会非常相似）并且偶然发现了一个让我发疯的问题。

如你所见，b 只是一个 instanceOf 数组，尽管它是从自定义类 CachedArray 创建的，因此我的自定义函数 testPush 没有定义，我无法为了一切找到问题所在。

使用 Nodejs 6

function _setKey(target, key, value) {
  console.log('Setting value', key, 'to', value);
  target[key] = value;
  return true;
}

class ExtendableProxy {
  constructor(a, b) {
    return new Proxy(a, b);
  }
}

class CachedArray extends ExtendableProxy {
  constructor(redis, options) {
    let RawArray = [];

    super(RawArray, {
      set: _setKey
    });

    this._rawArray = RawArray;

    this.redis = redis;
    this.options = options;
  }

  testPush() {
    this.push('Its me');
  }
}

var b = new CachedArray();

console.log('b instanceof CachedArray', b instanceof CachedArray); //false
console.log('b instanceof ExtendableProxy', b instanceof ExtendableProxy); //false
console.log('b instanceof Proxy', b instanceof Proxy); //false
console.log('b instanceof Array', b instanceof Array); //true

b.push('Hello.'); //Works just fine, _setKey is called and executed correctly
b.testPush(); //TypeError: b.testPush is not a function

Answer 1

是否有替代我想要实现的目标？本质上我需要一个带有我的一些额外功能的数组，但是它有一个连接到它的代理，这样我就可以进一步处理发生在我的类的实例上的任何写入（所以，数组）

好吧，代理有一个处理程序，它允许您与代理对象进行各种交互。因此，您应该使用它来注入要添加到代理对象的任何其他方法。例如，只需提供get，这样它就会返回一个自定义函数，而不是将调用中继回目标：

function createCachedArray(arr) {
    const customFunctions = {
        testPush() {
            this.push('It’s me');
        },
    };

    return new Proxy(arr, {
        set (target, property, value) {
            console.log(`Setting value ${property} to ${value}`);
            target[property] = value;
            return true;
        },
        has (target, property) {
            return property in customFunctions || property in target;
        },
        get (target, property) {
            if (typeof property === 'string' && property in customFunctions) {
                return customFunctions[property].bind(target);
            }
            else {
                return target[property];
            }
        },
    });
}

let a = [1, 2, 3];
let b = createCachedArray(a);

b.push('foo');
b.testPush();
for (const x of b) {
    console.log(x);
}