Question

当我尝试在TypeScript中创建继承时，会生成以下JavaScript：

var __extends = (this && this.__extends) || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};

看起来与应生成的内容完全相同。但问题是执行时Firefox会给出这样的消息：

TypeError: b is undefined

在Chrome中，错误看起来有点不同，但似乎是同一个来源：

Uncaught TypeError: Cannot read property 'prototype' of undefined

typescript中的实现看起来像这样

class Movie extends Medium {
//Some Fields
    constructor(title: string, description: string, ageRestriction: AgeRestriction, isBluRay: boolean) {
        super(title, description, ageRestriction);
        this.isBluRay = isBluRay;
    }
}

class Medium implements IMedium {
//Getters, Setters and Fields
    constructor(title: string, description: string, ageRestriction: AgeRestriction) {
        this.title = title;
        this.description = description;
        this.ageRestriction = ageRestriction;
    }
}

我已经尝试了各种编译代码的方法，但结果始终是相同的

Answer 1

要摆脱错误，您必须在Medium之一之前放置Movie类声明。

请注意，生成的js代码不仅仅是函数定义。它是函数和变量。这一切都有所不同。因为你有声明和表达式。关于这个问题的更多内容以及为什么js顺序中的表达式很重要，你可以阅读这篇优秀文章：JavaScript function declaration and evaluation order

TypeScript：TypeError b未定义

1 个答案: