解释何时在 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