📜  解释何时在 TypeScript 中使用“declare”关键字

📅  最后修改于: 2022-05-13 01:56:24.581000             🧑  作者: Mango

解释何时在 TypeScript 中使用“declare”关键字

在本文中,我们将了解如何在 Typescript 中使用 declare 关键字。

TypeScript 中的 declare 关键字用于变量或方法的 Ambient 声明。环境声明就像一个导入关键字。这告诉编译器源存在于另一个文件中。我们在 TypeScript 中使用 Ambient 声明来使用 JavaScript、jQuery、Node 等第三方库。 declare 关键字直接将这些库集成到我们的代码中,减少了 TypeScript 代码出错的机会。

我们只在环境文件中使用声明关键字来使用库方法和变量。

句法:

declare var Variable_Name;
declare module Name_of_Module{// Body of module };

让我们在下面的例子的帮助下理解。

示例:现在举一个例子,我们有一个文件,其中包含一些有用的变量,但该文件是用 JavaScript 编写的。所以我们不能说我们必须在 TypeScript 中编写一些 JavaScript 代码,这非常耗时,我们必须在 TypeScript 中编写相同的代码但是我们已经声明了关键字,这些关键字提供了在末尾使用相同变量的功能代码。

假设我们有一个第三方 JavaScript 代码,它有一个包含某个变量值的变量,但我们没有这个值,但是在声明关键字的帮助下,我们可以在代码中使用变量的值。

第三方代码:

Javascript
var pi_1 = 3.1415926535 ;
var pi_2 = 3.14159265358979323846 ;
var pi_3 = 3.141592653589793238462643383279;


Javascript
declare var pi_1 : any ;
 
console.log("Value of pi is :",pi_1)


我们想在我们的代码中使用这个变量,这样我们就可以使用它们来声明具有相同名称的关键字,并且 TypeScript 不会抛出错误。

打字稿代码:

Javascript

declare var pi_1 : any ;
 
console.log("Value of pi is :",pi_1)

现在我们可以在 HTML 代码中导入这两个文件并使用它们。

索引.html



    
    
    
    Document