在 TypeScript 中使用 declare 關鍵字

Muhammad Ibrahim Alvi 2022年5月18日
在 TypeScript 中使用 declare 關鍵字

本文解釋了 TypeScript 中 declare 關鍵字的用途,其中包含在開發人員社群中完成的真實編碼示例和實現。它還將為讀者提供在 TypeScript 中使用 declare 關鍵字的優勢。

讓我們深入瞭解本教程並開始學習。

在 TypeScript 中使用 declare 關鍵字

TypeScript declare 關鍵字用於方法或變數的環境宣告。環境宣告也可以被認為是一個匯入關鍵字,通知編譯器源存在於另一個檔案中。

我們主要使用 TypeScript 中的 Ambient 宣告來使用 NodejQueryJavaScript 等第三方庫。直接使用 declare 關鍵字將這些庫整合到我們的程式碼中將減少我們的錯誤機會 TypeScript 程式碼。

以下是用於 declare 關鍵字的語法。

declare var variableName;
declare module nameOfModule{// Body of module
};

讓我們考慮以下程式碼示例,其中我們有第三方 JavaScript 程式碼,其中包含一些變數的值,但我們不需要更改它們;相反,我們想用它來使用 declare 關鍵字來達到這個目的。

例如,我們有一個包含一些有用變數的檔案,但該檔案是用 JavaScript 編寫的。由於我們想在 TypeScript 中使用它而不重寫程式碼,因為它很耗時,我們可以使用 declare 關鍵字。

參考下面的第三方程式碼。

//JavaScript Code
var pi_one = 3.1415926535;
var pi_two = 3.14159265358979323846;
var pi_three = 3.141592653589793238462643383279;
//TypeScript Code
declare var pi_one : any ;

console.log("Value of pi is :",pi_one)

現在我們可以將檔案與 HTML 程式碼連結並使用它們。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>declare keyword</title>
</head>
<body>

</body>
       <!-- Javascript Library -->
    <script src="C:\Users\computers\Desktop\typescript\first1.js">
    </script>
    <script src="C:\Users\computers\Desktop\typescript\secons.js">
    </script>
</html>

上面程式碼的輸出將在下面。

在 TypeScript 中使用 declare 關鍵字

Muhammad Ibrahim Alvi avatar Muhammad Ibrahim Alvi avatar

Ibrahim is a Full Stack developer working as a Software Engineer in a reputable international organization. He has work experience in technologies stack like MERN and Spring Boot. He is an enthusiastic JavaScript lover who loves to provide and share research-based solutions to problems. He loves problem-solving and loves to write solutions of those problems with implemented solutions.

LinkedIn