“重要”的意义是什么?在es6中

What is the Point of "Import" in ES 6?

本文关键字：es6 是什么 重要      更新时间：2023-09-26

也就是说:

<!--index.html--> 
<script src="./fooFolder/lib.js"></script>

和

/*--app.js --*/
import * as lib from 'fooFolder/lib';

正在访问的文件:

//------ lib.js ------
export const sqrt = Math.sqrt;
export function square(x) {
    return x * x;
}
export function diag(x, y) {
    return sqrt(square(x) + square(y));
}

使用import语句的主要好处是不立即加载所有内容吗?但似乎我仍然需要在索引中包含文件引用，所以情况似乎并非如此。

所以，简而言之，重点是什么(我确信有一个，我完全错过了它)。

  1. 作用域和命名空间https://en.wikipedia.org/wiki/Scope_ (computer_science)

  2. 代码分离和测试，导入允许错误本地化，由于范围有限，测试不那么复杂

  3. 压缩和优化，工具可以找出哪些代码是或不需要的，这样你就可以专注于编程，而不是依赖查找

  4. 共享库、通用包使用更少的样板代码

导入是好的代码架构的重要组成部分，如果你想了解更多，我建议你阅读像Angular 2架构这样的东西https://angular.io/docs/ts/latest/guide/architecture.html

相关文章：