我如何使 `foo[1] ==1; foo[1][2]==3； foo[1][2][3]==6` 在 JavaScript 工作？

Question

如何定义 foo 以使以下代码按预期正确工作（在 JavaScript 中）？

foo[1] + 1             // 2
foo[1][2] + 1          // 4
foo[10][20][30] + 1    // 61
foo[100][200][300] + 1 // 601

这是我遇到过的一道面试题

Answer 1

这听起来像是旧 variadic chainable sum function puzzle, with proxy member access instead of function calls. The possible approaches 的新版本，但仍然是一样的，…+1 表明他们正在寻找 valueOf 解决方案。同样，foo+1 将是 1 而 +foo/Number(foo) 将是 0.

const handler = {
    get(target, propName, receiver) {
        if (typeof propName == 'string' && /^\d+$/.test(propName))
            return sumProxy(target + parseInt(propName, 10));
        else
            return Reflect.get(target, propName, receiver);
    }
};
function sumProxy(value) {
    return new Proxy({
        valueOf() { return value; }
    }, handler);
}
const foo = sumProxy(0);

console.log(foo + 1);                // 1
console.log(foo[1] + 1);             // 2
console.log(foo[1][2] + 1);          // 4
console.log(foo[10][20][30] + 1);    // 61
console.log(foo[100][200][300] + 1); // 601

我如何使 `foo[1] ==1; foo[1][2]==3； foo[1][2][3]==6` 在 JavaScript 工作？

How do I make `foo[1] ==1; foo[1][2]==3; foo[1][2][3]==6` work in JavaScript?

javascript

es6-proxy