Question

如果我尝试在Typescript playground中这样做：

class Test extends Array {
    constructor(items: number[]) {
        super(...items);
    }

    foo(): void { console.log('foo'); }
}

const t = new Test([]);
t.foo();

这不起作用。 foo未定义。如果我查看生成的代码：

var __extends = (this && this.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var Test = /** @class */ (function (_super) {
    __extends(Test, _super);
    function Test(items) {
        return _super.apply(this, items) || this;
    }
    Test.prototype.foo = function () { console.log('foo'); };
    return Test;
}(Array));
var t = new Test([]);
t.foo();

该函数返回_super.apply而不是this的结果。因此，我最终得到一个数组，而不是继承自数组的Test。如果我更改此行

        return _super.apply(this, items) || this;

作者

        _super.apply(this, items)
        return this;

它按预期工作。由于Array的特殊性，它可能是Typescript的错误吗？还是我的实现有问题？

在Typescript中扩展数组

0 个答案: