ES 6中“导入”的重点是什么?

时间:2016-09-24 19:22:58

标签: javascript ecmascript-6 es6-module-loader

换句话说,有什么区别:

<!--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 个答案:

答案 0 :(得分:4)

  1. 范围和名称空间 https://en.wikipedia.org/wiki/Scope_(computer_science)

  2. 代码分离和测试,导入允许错误被定位,由于范围有限而不太复杂

  3. 压缩和优化,工具可以找出需要或不需要的代码,这样您就可以专注于编程而不是依赖性搜索

  4. 共享库,通用软件包使用较少的样板代码

  5. 导入是良好代码架构的重要组成部分,如果您想了解更多https://angular.io/docs/ts/latest/guide/architecture.html

    ,我建议您阅读类似Angular 2架构的内容