在 TypeScript 中导入 JavaScript

Rana Hasnain Khan 2022年6月7日
在 TypeScript 中导入 JavaScript

我们将讨论如何将 JavaScript 导入 TypeScript 语言。

以 TypeScript 语言导入 JavaScript

在讨论主要话题之前,我们将提供一些关于 JavaScript 和 TypeScript 编程语言的简短信息。TypeScript 是一种高质量的编程语言,主要由微软科技公司开发和维护。

TypeScript 的主要目的是作为 JavaScript 的语法超集,它有一个开源的开放编译器,由微软的单一供应商提供。Transcript 捕获类型系统错误,这使得 JavaScript 更加高效。

JavaScript 作为一种网络语言最为著名。由 JavaScript 制作的网站为用户提供了一个交互式视图,这有助于吸引他们。使用 JavaScript 的一些优点是服务器负载、丰富的界面和多功能性。

在 TypeScript 中导入 JavaScript 是一种简单的方法。现在我们开始将 JavaScript 转换为 TypeScript 的过程。

如果我们正在使用 JavaScript,我们应该直接运行我们的 JavaScript。我们正在处理一个 .js 文件,我们在字典中,如 srclibdist,然后按需要运行。

假设我们正在使用 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 Hasnain Khan avatar Rana Hasnain Khan avatar

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

相关文章 - TypeScript Import