在 TypeScript 中匯入 JavaScript
我們將討論如何將 JavaScript 匯入 TypeScript 語言。
以 TypeScript 語言匯入 JavaScript
在討論主要話題之前,我們將提供一些關於 JavaScript 和 TypeScript 程式語言的簡簡訊息。TypeScript 是一種高質量的程式語言,主要由微軟科技公司開發和維護。
TypeScript 的主要目的是作為 JavaScript 的語法超集,它有一個開源的開放編譯器,由微軟的單一供應商提供。Transcript 捕獲型別系統錯誤,這使得 JavaScript 更加高效。
JavaScript 作為一種網路語言最為著名。由 JavaScript 製作的網站為使用者提供了一個互動式檢視,這有助於吸引他們。使用 JavaScript 的一些優點是伺服器負載、豐富的介面和多功能性。
在 TypeScript 中匯入 JavaScript 是一種簡單的方法。現在我們開始將 JavaScript 轉換為 TypeScript 的過程。
如果我們正在使用 JavaScript,我們應該直接執行我們的 JavaScript。我們正在處理一個 .js
檔案,我們在字典中,如 src
、lib
和 dist
,然後按需要執行。
假設我們正在使用 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 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