Angular 是一种基于 TypeScript 编写的前端框架，它的特点是强类型、模块化、可复用、可测试、易扩展等。当我们使用 Angular 构建一个应用程序时，我们需要将 TypeScript 编译成 JavaScript，并将 HTML、CSS、JavaScript 等文件打包成一个或多个 JavaScript 文件。这个过程分为两个阶段：Just-In-Time（JIT）和Ahead-Of-Time（AOT）。这篇文章将介绍这两种构建应用程序的方式，它们的优缺点和如何选择适合的方式。
JIT：Just-In-Time
Just-In-Time（即时编译）是 Angular 中默认的构建应用程序的方式。在 JIT 模式下，Angular 编译器会在应用程序运行时动态编译组件，并在浏览器中生成并执行可执行的 JavaScript 代码。这意味着你的应用程序代码将被转换成 JavaScript 代码，这些代码将被浏览器解释执行。因此，在 JIT 模式下，应用程序将需要更长的加载时间和更长的响应时间。这是因为编译器需要动态为每个组件编译代码，并在运行时执行。此外，编译器和执行器需要更多的网络带宽和服务器资源来完成这个过程。
JIT 模式的优点是快速开发和调试。在 JIT 模式下，你可以保存一个组件文件并立即预览它，因为 Angular 编译器会在应用程序运行时重建它。因此，这种方式适合开发环境和小型项目。
AOT：Ahead-Of-Time
Ahead-Of-Time（预编译）是一种以静态方式编译 Angular 应用程序的方式。在 AOT 模式下，Angular 编译器在应用程序发布之前静态地生成 JavaScript 代码，并将编译后的代码与应用程序一起发布到服务器中。这意味着当应用程序被加载到浏览器时，它已经被编译过了。这使得应用程序更快，更有效。
AOT 模式的优点是快速加载和更好的性能。由于编译器在构建应用程序时预先编译了代码，因此这种方式适用于大型应用程序和生产环境。此外，AOT 模式还提供了更好的安全性和更好的移动端支持。
如何选择 JIT 或 AOT
选择 JIT 或 AOT 要根据你的项目大小和需要进行选择。如果你的项目很小，你可以选择 JIT 模式来进行开发和测试。如果你的项目很大，你应该选择 AOT 模式来进行生产。因此，对于大型项目，AOT 模式是更好的选择，因为它提供了更高的性能，更短的加载时间和更好的安全性。
在 Angular CLI 中，可以使用以下命令来编译应用程序：
# JIT 模式 ng serve # AOT 模式 ng serve --aot
结论
JIT 和 AOT 是构建 Angular 应用程序的两种方式。JIT 模式是一种快速开发和调试的方式，适合小型项目和开发环境。AOT 模式是一种适用于生产环境的方式，提供更好的性能，更短的加载时间和更好的安全性。对于大型项目，AOT 模式是更好的选择。在 Angular CLI 中，可以使用命令 ng serve 或 ng serve --aot 来编译应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6700fd850bef792019aff236