TypeScript 本质上被编译成 JavaScript 的理由似乎是模糊的，因为没有关于如何正确使用从手写 JavaScript 编译的 JavaScript 以及隐藏警告的主题的信息的可靠来源

从 JavaScript 使用 TypeScript 与从 TypeScript 使用 TypeScript 或从 JavaScript 使用 JavaScript 相同。例如，假设您在 TypeScript 中有一个函数：

function f(n: number) { return 'the number is ' + n; }

要从 TypeScript 调用此函数，您可以编写

var x = f(42);

要从 JavaScript 调用此函数，您需要编写

var x = f(42);

假设您在 TypeScript 中有一个类：

class MyClass { /* ... */ }

要从 TypeScript 使用这个类，你应该写

var c = new MyClass();

要从 JavaScript 使用这个类，你需要编写

var c = new MyClass();

换句话说，它完全一样。没有给出指导，因为不需要。

简单地说，如果你必须在你自己的使用 JavaScript 的项目中集成/使用一个用 Typescript 编写的库，你将使用编译后的 JavaScript API！

你基本上扔掉了 TypeScript 比纯 JavaScript 带来的好处。

这意味着你不必关心任何特定于 TypeScript 的东西，比如泛型等。你只需要使用 TypeScript 库的编译输出......

举个例子，去http://www.typescriptlang.org/Playground 选择“演练：泛型”。在右侧，您应该会看到已编译的 JavaScript。它没有泛型或任何特殊的东西，它仍然是纯 JavaScript。这就是你必须面对的...

对于您的“特定”问题：

• 广泛使用泛型、类层次结构、接口的 TypeScript API 的 JavaScript 形式是什么？ 往上看。它将是纯正的旧 Javascript。对你没有区别。
• 捆绑、缩小、AMD 有什么问题吗？ 不，因为编译后的 TypeScript 是纯 JavaScript 并且可以缩小等......
• 是否可以使用 TypeScript 编写的基本 Angular 控制器和继承其功能的其他 JavaScript Angular 控制器？有哪些注意事项？ 是的，当然你可以用编译后的 JavaScript 做任何你想做的事。

使用 Typescirpt 编译的 JavaScript 的唯一缺点是，你扔掉了 TypeScript 可以给你的很棒的功能，比如......类型......如果其他团队已经在这条路线上，你可能需要考虑编写你的也参与 TypeScript ;)

我认为不是typescript问题。

您可以在 Cofeescript 、 dart 、 traceur 或任何其他转译器中看到相同的“问题”（问题，不是问题）。

Javascript 作为一个平台，非常容易受到开发人员的经验、语言理解和技能的影响。（像任何其他语言一样？）

如果有人很难阅读 TS 生成的 JS（IMMO 对人类非常友好），我认为阅读手工编码的凌乱 JS 不会有更好的运气。

另外，您总是拥有带有接口和更自然的 OOP 方式的 TS 源代码。

合并 OOP 和结构的好处超过了缺点（如果有的话）。

IDE 支持很棒（Webstorm、Visual Studio），你实际上可以重构！

而且你已经限定了 lambdas :)

下一次迭代的 EcmaScript 将非常像今天的 TS（没有可选的类型安全和一些细节）。

如果“Js 团队”中的某个人使用 traceour 或其他任何东西跳转到 ES6，会发生什么，你会关心吗？。您只需坚持module提供的 api 并使用它。

接口和泛型在 JS 端没有任何痕迹。它的*可选设计时帮助。

关于 budling 和 minification 的事情，它和 JS 一样，没有区别，+ 你可以跳过一步，用 TS 将所有内容复制到 1 个输出文件

恕我直言，解决方案是升级、module化（serioulsy）、测试（如果用自我记录的目的编写非常有帮助）和文档。

这实际上并不复杂。. . 您必须了解的第一件事是，该组件是通过 angular 创建为对象的，它包含来自 api 的所有数据、组件、对象和内容，因此您不能让 JavaScript 创建一个新的，它会为空，实际上不会包含您的表单数据。

为了解决这个问题，您需要向您的站点添加一个资产，一个包含一个变量的简单文件就可以了，然后将其添加到您的应用程序中，然后将其导入并在您的初始化中进行设置

我在下面概述了如何将 JS 变量导入 angular，但这里有一个更详细的链接：
如何在 Angular 5 中从 Typescript 调用 JavaScript 函数？

所以添加包含以下内容的js文件：

var formComponent = null;

然后将其添加到您的应用程序 (angular.json)

"scripts": [
    "src/assets/js/formScripting.js"
]

然后将其导入到您的“导入”下的组件中

declare var formComponent: any;

然后在你的初始化和销毁​​上分配你的对象

ngOnInit() {
    formComponent = this; 
}

ngOnDestroy(): any {
    formComponent = null;
}


//a function in your class that you want to call for test purposes
doAngularThing() {
    console.log('Typescript called from JS:')
}

从那时起，在任何 javascript 函数中，您所要做的就是调用：

formComponent.doAngularThing();

由于 formComponent 对象被分配给 this，它是一个指向加载组件的 angular 对象的指针

• 广泛使用泛型、类层次结构、接口的 TypeScript API 的 JavaScript 形式是什么？

Typescript 在编译期间擦除类型信息，包括泛型参数。这意味着您只需省略 javascript 中的类型参数。

• 捆绑、缩小、AMD 是否有任何问题？

不。

• 是否可以使用 TypeScript 编写的基本 Angular 控制器和继承其功能的其他 JavaScript Angular 控制器？有哪些注意事项？

是的，这是可能的。没有任何警告。

一般解决方案：

一般来说，对于typescript和 javascript 之间的任何互操作性问题，都有一个简单的解决方案。到互操作发生时，typescript已全部编译为 javascript。因此，如果您担心如何使用 typescript，只需将其编译为 javascript。然后您正在与 javascript 进行互操作。