javascript - ES6 类上的自定义类数组 getter

Question

我想创建一个 Class，它也是一个常规 Array 的包装器，但是我希望在引用实例上的项目时发生一些自定义行为类通过他们的索引。

演示我想要实现的目标:

class Custom {
    constructor (arr) {
        this.arr = arr;
    }
    method (str) {
        this.arr.forEach(item => {
            console.log(`${item} ${str}`);
        })
    }
    [Magic.here] () {
        // this part should invoke the constructor of this class with a single item of the array passed into it as an array of one as argument.
    }
}

let c = new Custom(['something', 'other thing', 'hello?']);

c[1].method('exists?') // -> other thing exists?

现在，我不完全确定这是可能的。通过 extending Array，我确实设法提出了我自己的不太好的解决方案。 Proxy 也出现在我的脑海中，但无法找到可行的解决方案。

这是否可能，如果可能，最好的方法是什么？

Answer 1

是的，您正在寻找代理:

const isArrayIndex = str => (str >>> 0) + '' === str && str < 4294967295;
const arrayCustomizer = {
    get(target, property, receiver) {
        var el = Reflect.get(target, property, receiver);
        if (isArrayIndex(property) && el != null)
            el = new Custom(el);
        return el;
    }
}
class Custom {
    constructor(v) {
        this.value = v;
    }
    valueOf() {
        return this.value;
    }
    method(arg) {
        console.log(this.value + " " + arg.replace("?", "!"));
    }
}

let c = new Proxy(['something', 'other thing', 'hello?'], arrayCustomizer);
c[1].method('exists?')