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文件的詳細內容，更多請關注本站其它相關文章！