从 TypeScript 调用 JavaScript 函数

【问题标题】：Calling JavaScript functions from TypeScript从 TypeScript 调用 JavaScript 函数
【发布时间】：2017-04-21 21:19:33
【问题描述】：

在 TypeScript 中导入和使用 JavaScript 代码的最佳方式是什么？

我正在尝试在使用 TypeScript 编写的 Angular 2 组件中使用 Bootstrap 的 modal.js 之类的东西。

更新：

建议的解决方案是为js文件创建一个类型声明d.ts文件来转发我需要使用的delcare东西，然后在运行时使用引用的js文件实现。

遗憾的是，没有更自动的直接方法，但它可以完成工作。对于许多常见框架，这些 d.ts 类型声明可通过http://definitelytyped.org/tsd 提及。我也不需要注释样式引用 d.ts，因为它已经包含在我编译的 ts 文件中。

【问题讨论】：

【解决方案1】：

您可以使用类型声明或自己编写。看看这个项目http://definitelytyped.org/tsd/

它具有许多流行库的类型定义。还有angular-ui-bootstrap。

然后你可以像这样在 Typescript 中引用定义：

///<reference path="../typings/angular-ui-bootstrap/angular-ui-bootstrap.d.ts"/>

一般来说，你基本上引用了一个库，然后在 typescript 中你应该引用一个类型定义或提供你自己的声明，比如

declare function hex_md5(value: string): string;

如果您在上面某处定义了 javascript 函数 hex_md5。

【讨论】：

或者，不要使用///<reference ...，使用tsconfig.json 并且不要exclude 包含类型定义文件的typings 目录；它们将被编译器自动引用。