请解释 TypeScript 中的 --target 编译选项的作用。如何指定编译后的 JavaScript 代码的目标 ECMAScript 版本？

推荐答案

在 TypeScript 中，--target 编译选项用于指定编译后的 JavaScript 代码的目标 ECMAScript 版本。通过设置 --target，你可以控制生成的 JavaScript 代码的语法和特性，以确保代码能够在特定的 JavaScript 环境中运行。

例如，如果你想将 TypeScript 代码编译为兼容 ES5 的 JavaScript 代码，可以在 tsconfig.json 文件中设置 "target": "es5"，或者在命令行中使用 --target es5 选项。

本题详细解读

--target 编译选项的作用

--target 选项允许你指定 TypeScript 编译器生成的 JavaScript 代码的目标 ECMAScript 版本。TypeScript 编译器会根据指定的目标版本，生成相应的 JavaScript 代码。例如，如果你指定 --target es6，编译器会生成使用 ES6 特性的 JavaScript 代码，如箭头函数、类、模块等。

如何指定目标 ECMAScript 版本

你可以通过以下两种方式指定目标 ECMAScript 版本：

1. 在 tsconfig.json 文件中指定： 在 tsconfig.json 文件中，你可以通过设置 compilerOptions 下的 target 属性来指定目标版本。例如：

   {
     "compilerOptions": {
       "target": "es5"
     }
   }

   这将使 TypeScript 编译器生成兼容 ES5 的 JavaScript 代码。

2. 在命令行中指定： 你也可以在命令行中使用 --target 选项来指定目标版本。例如：

   tsc --target es6

   这将使 TypeScript 编译器生成兼容 ES6 的 JavaScript 代码。

常见的 --target 选项值

• es3: 生成兼容 ECMAScript 3 的代码。
• es5: 生成兼容 ECMAScript 5 的代码。
• es6 / es2015: 生成兼容 ECMAScript 2015 (ES6) 的代码。
• es2016: 生成兼容 ECMAScript 2016 的代码。
• es2017: 生成兼容 ECMAScript 2017 的代码。
• es2018: 生成兼容 ECMAScript 2018 的代码。
• es2019: 生成兼容 ECMAScript 2019 的代码。
• es2020: 生成兼容 ECMAScript 2020 的代码。
• esnext: 生成兼容最新 ECMAScript 提案的代码。

通过合理设置 --target 选项，你可以确保生成的 JavaScript 代码能够在目标环境中正常运行。