新创建原型的中间值

Question

我遇到了一个我无法理解的问题。所以我创建了一个包含几个函数的新函数。这是我的代码：

(() => {
    function BetterArray(array) {
        this.array = array;
    }

    BetterArray.prototype.map = function (fn) {
        return Array.prototype.map.call(this.array, fn);
    };

    BetterArray.prototype.collect = function (fn) {
        return Array.prototype.map.call(this.array, fn);
    };

    const a = new BetterArray([1])
        .map((item) => item * 2)
        .collect((item) => item * 2);

    console.log(a);
})();

在“收集”行中我收到错误未捕获的类型错误：（中间值）.map(...).collect 不是函数。我只是好奇为什么会出现这个错误，以及如何正确编写这段代码来避免这种情况。另外一点是，当我用 collect 更改 map - 我没有收到此错误。

我知道这两个函数是相同的，但我想确定它不是基于函数体的。

感谢您的宝贵时间！

Answer 1

现在，.map 和 .collect 方法正在返回普通数组，而普通数组上没有 .collect 方法。

当您在 BetterArray 上调用 .map 时，如果您希望之后能够在其上调用 BetterArray 之类的 .collect 方法，则应该创建并返回 BetterArray 的新实例：

(() => {
    function BetterArray(array) {
        this.array = array;
    }

    BetterArray.prototype.map = function (fn) {
        const arr = Array.prototype.map.call(this.array, fn);
        const newBetterArr = new BetterArray(arr);
        return newBetterArr;
    };

    BetterArray.prototype.collect = function (fn) {
        return Array.prototype.map.call(this.array, fn);
    };

    const a = new BetterArray([1])
        .map((item) => item * 2)
        .collect((item) => item * 2);

    console.log(a);
})();

（如果您希望 .collect 也产生 BetterArray 实例，请对 .collect 方法应用相同的逻辑）