在 TypeScript 中匯入 JavaScript

Rana Hasnain Khan 2022年6月7日
在 TypeScript 中匯入 JavaScript

我們將討論如何將 JavaScript 匯入 TypeScript 語言。

以 TypeScript 語言匯入 JavaScript

在討論主要話題之前,我們將提供一些關於 JavaScript 和 TypeScript 程式語言的簡簡訊息。TypeScript 是一種高質量的程式語言,主要由微軟科技公司開發和維護。

TypeScript 的主要目的是作為 JavaScript 的語法超集,它有一個開源的開放編譯器,由微軟的單一供應商提供。Transcript 捕獲型別系統錯誤,這使得 JavaScript 更加高效。

JavaScript 作為一種網路語言最為著名。由 JavaScript 製作的網站為使用者提供了一個互動式檢視,這有助於吸引他們。使用 JavaScript 的一些優點是伺服器負載、豐富的介面和多功能性。

在 TypeScript 中匯入 JavaScript 是一種簡單的方法。現在我們開始將 JavaScript 轉換為 TypeScript 的過程。

如果我們正在使用 JavaScript,我們應該直接執行我們的 JavaScript。我們正在處理一個 .js 檔案,我們在字典中,如 srclibdist,然後按需要執行。

假設我們正在使用 JavaScript 編寫程式碼,並希望在這種情況下將我們編寫的資料作為輸入新增到 TypeScript 中。在這種情況下,我們需要將你的輸入和輸出檔案分開,以防止 TypeScript 覆蓋它們。

allowJs 設定允許將 JavaScript 檔案匯入到我們的 TypeScript 檔案中。該設定本質上允許 JavaScript 和 TypeScript 檔案存在於相同的專案中。

讓我們有一個需要匯入 TypeScript 的示例檔案,它的路徑為 ./js/Programming_file.js。在第一種方法中,我們使用 require() 函式,我們可以匯入檔案,如下圖:

# typescript
var Programming_file = require('./../js/programming_file');

在第二種方法中,我們使用 import {var_name} 函式將 JavaScript 檔案匯入到 TypeScript 中。

# typescript
import {Programming_file} from './../js/Programming_file'
Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn

相關文章 - TypeScript Import