typescript - 如果类显式扩展对象，为什么不能调用方法？

Question

当我在 Typescript 中有一个显式扩展对象的类时，尝试调用该类的对象方法失败:

class Example extends Object {
    constructor() {
        super();
    }
    public getHello() : string {
        return "Hello";
    }
}

let greeter = new Example();
alert(greeter.getHello());

错误:greeter.getHello 不是函数。这是为什么？如果我删除 extends 子句和 super() 调用，它就会突然起作用。

我的问题是代码是从定制的 JSweet 版本自动生成的，我们只转译了代码库的一部分。类层次结构中不应该被转换的类被简单地映射到 Object，因为 extends 在不大量更改 JSweet 的情况下不能轻易删除。

Answer 1

我认为您可能会争辩说这是 TypeScript 中的错误。可能不是高优先级的，但是...... :-)

这是因为 Object 忽略了调用它的 this，并返回一个新的空白对象。 TypeScript 编译该代码的方式(针对 ES5 环境时)，它最终会在 Example 中像这样调用 Object:

function Example() {
    return Object.call(this) || this;
}

Object.call(this) 的结果是一个新对象，就好像您执行了 {} 一样。

所以解决方案是……不要那样做。 :-)

My problem is that the code is autogenerated from a customized JSweet version, and we only transpile some part of the codebase. Classes in the class hierarchy that should not be transpiled are simply mapped to Object, because the extends cannot be easily removed without changing JSweet heavily.

哎呀。如果您可以针对 ES2015+，问题就会消失，因为这只与 TypeScript 为 ES5 及更早版本创建的版本有关。如果你不能，恐怕你会想在 the TypeScript issues list 上提出问题也许做一个带有修复的拉取请求。 (我去寻找现有的报告，但没有找到。)这与扩展其他内置函数(Error、Array)略有不同，因为有一个非常简单的解决方案:忽略 extends 子句。

或者，正如您在评论中提到的，您可以有一个不执行任何操作的虚拟类，例如:

class FauxObject { }

然后使用它代替 Object(class Example extends FauxObject)。

---

只是为了细节，完整的编译版本是这样的，对Object的调用用******标记:

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 Example = /** @class */ (function (_super) {
    __extends(Example, _super);
    function Example() {
        return _super.call(this) || this;             // ******
    }
    Example.prototype.getHello = function () {
        return "Hello";
    };
    return Example;
}(Object));
var greeter = new Example();
alert(greeter.getHello());

_super 在您的案例中是 Object。