typescript怎么引入js

在 typescript 中引入 javascript 有两种方法：通过声明文件 (.d.ts) 声明类型定义，或使用 typescript 转译器将 javascript 转译为 typescript 文件，并使用 /// 指令引用转译后的文件。

如何使用 TypeScript 引入 JavaScript

开门见山：

在 TypeScript 中引入 JavaScript 有两种主要方法：

详细展开：

方法 1：通过声明文件 (d.ts)

• 创建一个以 .d.ts 为扩展名的 TypeScript 声明文件。
• 在声明文件中包含 JavaScript 代码的类型定义。
• 在 TypeScript 代码中使用 declare 关键字引入声明文件。

示例：

js-example.d.ts：

declare module "example" {  export function add(a: number, b: number): number;}

登录后复制

typescript-code.ts：

// 引入声明文件import "js-example.d.ts";// 调用 JavaScript 函数const result = add(1, 2);

登录后复制

方法 2：通过转译器

• 使用 TypeScript 转译器（tsc）将 JavaScript 代码转译为 TypeScript 文件。
• 在 TypeScript 代码中使用 /// 指令引用转译后的文件。

示例：

命令行命令：

tsc --out js-example.js --target es5 example.js

登录后复制

typescript-code.ts：

/// <reference path="js-example.js" />// 调用 JavaScript 函数const result = example.add(1, 2);

登录后复制

注意事项：

• 确保 JavaScript 代码具有正确的类型定义。
• 使用方法 1 时，需要手动维护声明文件。
• 使用方法 2 时，需根据 JavaScript 代码的复杂性和大小调整转译器设置。

以上就是typescript怎么引入js的详细内容，更多请关注本站其它相关文章！