从 TypeScript 调用 JavaScript 函数

Calling JavaScript functions from TypeScript

本文关键字:函数 JavaScript 调用 TypeScript      更新时间:2023-09-26

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

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

更新:

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

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

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

它具有许多常用库的类型定义。也为了angular-ui-bootstrap.

然后你可以在 Typescript 中引用定义,如下所示:

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

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

declare function hex_md5(value: string): string;

如果你有JavaScript函数hex_md5上面某处定义。