typescript中怎么引用js文件

typescript 可直接引用 js 文件，有两种方式：模块化引用：在 typescript 文件中声明模块和导入，确保代码模块化和可重用。脚本文件引用：在 html 中引用 js 文件，在 typescript 中使用全局变量或函数，但会导致全局作用域污染。

Typescript 中引用 JS 文件

Typescript 是一种超集 JavaScript 的语言，因此它可以直接引用 JavaScript 文件。

以模块化的方式引用

这是最推荐的方法，可以确保代码的可重用性和模块化：

1. 在 TypeScript 文件中声明一个模块：

declare module "myJSModule" {  export function myJSFunction(): void;}

登录后复制

2. 在 TypeScript 文件中导入模块：

import { myJSFunction } from "myJSModule";

登录后复制

3. 使用导入的函数：

myJSFunction();

登录后复制

作为脚本文件引用

另一种方法是直接将 JS 文件作为脚本文件引用，但是这会导致全局作用域污染：

1. 在 HTML 文件中使用 <script> 标签引用 JS 文件：</script>

<script src="myJSFile.js"></script>

登录后复制

2. 在 TypeScript 文件中使用全局变量或函数：

// 将在 JS 文件中定义的 myJSFunction 用于 TypeScript 代码window.myJSFunction();

登录后复制

注意事项

• TypeScript 文件中的声明必须与 JS 文件中的导出相匹配。
• 使用 declare global 语句可以将全局变量和函数声明为 TypeScript 中的类型。
• 建议使用模块化的引用方式，因为它更可扩展和维护。

以上就是typescript中怎么引用js文件的详细内容，更多请关注本站其它相关文章！