Angular--AOT和JIT两种编译方式带来的改变

? ? ? ? ?Angular 应用主要由组件及其 HTML 模板组成。由于浏览器无法直接理解 Angular 所提供的组件和模板，因此 Angular 应用程序需要先进行编译才能在浏览器中运行。Angular 提供了

两种方式来编译angular应用程序：

1. 即时编译?(JIT,Just in time)，它会在运行期间在浏览器中编译你的应用。

2. 预先编译（AOT,Ahead of time)，它会在构建时编译你的应用。

? ? ? ? 注：当你运行?ng build（仅编译）或?ng serve（编译并启动本地服务器） 这两个 CLI 命令时 JIT 编译是默认选项；要进行 AOT 编译，只要让?ng build?或?ng serve?命令中包含?--aot?标志。

带有?--prod?标志的?ng build?命令 (ng build --prod) 会默认使用 AOT 编译。

一：AOT:在浏览器下载和运行代码之前的编译阶段，Angular 预先（AOT）编译器会先把你的 Angular HTML 和 TypeScript 代码转换成高效的 JavaScript 代码。好处如下：

1. 渲染得更快：使用 AOT浏览器下载预编译版本的应用程序。 浏览器直接加载运行代码，所以它可以立即渲染该应用，而不用等应用完成首次编译；
2. 需要的异步请求更少：编译器把外部 HTML 模板和 CSS 样式表内联到了该应用的 JavaScript 中。 消除了用来下载那些源文件的 Ajax 请求；
3. 需要下载的 Angular 框架体积更小：如果应用已经编译过了，自然不需要再下载 Angular 编译器了。 该编译器差不多占了 Angular 自身体积的一半儿，所以，省略它可以显著减小应用的体积；
4. 提早检测模板错误：AOT 编译器在构建过程中检测和报告模板绑定错误，避免用户遇到这些错误；
5. 更安全：AOT 方式会在发给客户端之前就把 HTML 模板和组件编译成 JavaScript 文件。 不需要读取模板，也没有客户端组装 HTML 或执行 JavaScript 的危险操作，受到注入类攻击的机会也比较少。