Deno 是一个新兴的 JavaScript/TypeScript 运行时环境，它的目标是提供更安全、更简单、更现代的开发体验。与 Node.js 不同，Deno 默认支持 TypeScript，这使得 Deno 成为前端开发者的首选之一。
在 Deno 中，TypeScript 编译器是一个非常重要的组成部分，它提供了许多选项来控制 TypeScript 编译器的行为。在本文中，我们将深入了解 Deno 中的 TypeScript 编译器选项，以及它们的学习和指导意义。
1. --allowJs
--allowJs 选项允许 TypeScript 编译器编译 JavaScript 文件。这个选项对于那些正在逐步迁移到 TypeScript 的项目非常有用，因为它允许你在 TypeScript 代码中使用 JavaScript 代码。
举个例子，假设我们有一个 JavaScript 文件 app.js，里面包含一个函数 hello：
function hello(name) {
console.log(`Hello, ${name}!`);
}如果我们想要在 TypeScript 代码中使用这个函数，我们可以在代码中导入这个文件：
import { hello } from './app.js';
hello('World');但是如果我们不使用 --allowJs 选项，编译器会报错：
error TS7016: Could not find a declaration file for module './app.js'.
因此，我们需要使用 --allowJs 选项来允许编译器编译 JavaScript 文件。
2. --noImplicitAny
--noImplicitAny 选项禁止 TypeScript 编译器将未明确指定类型的变量自动推断为 any。这个选项可以帮助我们避免潜在的类型错误。
举个例子，假设我们有一个函数，它接受一个参数 name，但是我们没有指定 name 的类型：
function hello(name) {
console.log(`Hello, ${name}!`);
}如果我们不使用 --noImplicitAny 选项，编译器会将 name 推断为 any 类型。这可能会导致我们在使用 name 的时候出现问题。
但是如果我们使用 --noImplicitAny 选项，编译器会报错：
error TS7006: Parameter 'name' implicitly has an 'any' type.
这可以帮助我们避免潜在的类型错误。
3. --strict
--strict 选项是一组严格的 TypeScript 编译器选项，它们可以帮助我们在编写类型安全的代码时更容易地发现错误。
--strict 选项包括以下子选项：
--strictNullChecks: 禁止将null和undefined赋值给非空的类型。--strictFunctionTypes: 对函数类型的参数和返回值进行严格的检查。--strictPropertyInitialization: 要求类的属性必须在构造函数中进行初始化。--noImplicitThis: 禁止隐式的this类型。
使用 --strict 选项可以帮助我们编写更加健壮的代码，避免潜在的类型错误。
4. --esModuleInterop
--esModuleInterop 选项允许我们在使用 CommonJS 模块时使用 ES 模块的语法。
举个例子，假设我们有一个 CommonJS 模块 app.js，我们想要在 TypeScript 代码中使用它：
// app.js
module.exports = {
hello(name) {
console.log(`Hello, ${name}!`);
}
};如果我们想要在 TypeScript 代码中导入这个模块，我们可以使用 import 语法：
import { hello } from './app';但是如果我们不使用 --esModuleInterop 选项，编译器会报错：
error TS1192: Module '"./app"' has no default export.
因此，我们需要使用 --esModuleInterop 选项来允许编译器使用 ES 模块的语法。
结论
在本文中，我们深入了解了 Deno 中的 TypeScript 编译器选项。这些选项可以帮助我们编写更加健壮、类型安全的代码，避免潜在的类型错误。如果你正在使用 Deno 进行前端开发，那么这些选项是必须掌握的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6760f79803c3aa6a5607986d