在 TypeScript 中使用 declare 关键字
本文解释了 TypeScript 中 declare
关键字的用途,其中包含在开发人员社区中完成的真实编码示例和实现。它还将为读者提供在 TypeScript 中使用 declare
关键字的优势。
让我们深入了解本篇文章并开始学习。
在 TypeScript 中使用 declare
关键字
TypeScript declare
关键字用于方法或变量的环境声明。环境声明也可以被认为是一个导入关键字,通知编译器源存在于另一个文件中。
我们主要使用 TypeScript 中的 Ambient 声明来使用 Node
、jQuery
、JavaScript
等第三方库。直接使用 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 中使用 try..catch..finally 处理异常
发布时间:2023/03/19 浏览次数:181 分类:TypeScript
-
本文详细介绍了如何在 TypeScript 中使用 try..catch..finally 进行异常处理,并附有示例。
在 TypeScript 中 get 和 set
发布时间:2023/03/19 浏览次数:172 分类:TypeScript
-
本篇文章演示了类的 get 和 set 属性以及如何在 TypeScript 中实现它。
在 TypeScript 中格式化日期和时间
发布时间:2023/03/19 浏览次数:161 分类:TypeScript
-
本教程介绍内置对象 Date() 并讨论在 Typescript 中获取、设置和格式化日期和时间的各种方法。
在 TypeScript 中返回一个 Promise
发布时间:2023/03/19 浏览次数:182 分类:TypeScript
-
本教程讨论如何在 TypeScript 中返回正确的 Promise。这将提供 TypeScript 中 Returns Promise 的完整编码示例,并完整演示每个步骤。
在 TypeScript 中定义函数回调的类型
发布时间:2023/03/19 浏览次数:221 分类:TypeScript
-
本教程说明了在 TypeScript 中为函数回调定义类型的解决方案。为了程序员的方便和方便,实施了不同的编码实践指南。
在 TypeScript 中把 JSON 对象转换为一个类
发布时间:2023/03/19 浏览次数:110 分类:TypeScript
-
本教程演示了如何将 JSON 对象转换为 TypeScript 中的类。
使用 NPM 将 TypeScript 更新到最新版本
发布时间:2023/03/19 浏览次数:130 分类:TypeScript
-
本教程说明了如何使用 npm 更新到最新版本的 TypeScript。这将为如何使用 npm 将 TypeScript 更新到最新版本提供完整的实际示例。
使用 jQuery 和 TypeScript
发布时间:2023/03/19 浏览次数:151 分类:TypeScript
-
本教程提供了使用 jQuery 和 TypeScript 的基本理解和概念。
检查 TypeScript 中的 undefined
发布时间:2023/03/19 浏览次数:144 分类:TypeScript
-
本教程说明了 Typescript 中未定义检查的解决方案。这将提供 Typescript 中未定义类型检查的完整编码示例,并完整演示每个步骤。