ES6--module

module

什么是module?

module就是一个包含js代码的文件,module里默认使用use strict,module里可以使用export和import。


export和import的使用方法:

//lib.js export var myVar1=... export let myVar2=... export const myVar3=... export function myFunc() { ... } export function* myGenerator() { ... } export class MyClass= { ... } //main.js import { MyClass, myVar1, myFunc } from 'lib.js' myFunc() //当作一个变量使用
export多个对象
export {myVar1, myVar2, myVar3}
使用as可以对export对象重命名
//lib.js export { myVar1 as var1, myVar2 as var2, myFunc as func } //main.js import { var1, var2 } from 'lib.js'
import重命名也可以使用as
<pre><code>import { var1 as myVar1, var2 as myVar2 } from 'lib.js'</code></pre>
import * 可以导入模块中所有的exports
<pre><code>import * as lib from 'lib.js'</code></pre>
default export
//lib.js export defalut class {...} //main.js import defaultClass, {myFunc, myVar1} from 'lib.js'
Re-exporting
export * from 'lib.js'
export {myClass, myFunc} from 'lib.js'

import 'style/css'

相关链接:
https://hacks.mozilla.org/2015/08/es6-in-depth-modules/
http://zhuanlan.zhihu.com/FrontendMagazine/20238288
http://www.2ality.com/2014/09/es6-modules-final.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 模块功能主要是由:export 和 import 两个命令组成的。 export命令用于规定模块的对外接口。通俗讲...
    打不过就加入他阅读 3,196评论 0 0
  • JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装...
    紫夏离殇阅读 3,030评论 0 0
  • 已默认读者了解本篇自言自语的context,且对于module有所了解,对于module的相关扩展说明将穿插在内容...
    蒋启钲阅读 4,783评论 0 4
  • ES6引入了module的概念,让我们可以把不同功能的代码分离开,写成module的形式。因为目前的浏览器环境,并...
    何幻阅读 7,517评论 0 2
  • 本指南将尝试解释如何在易于理解的语言中使用linux上的iptables。 概览 iptables是一个基于规则的...
    zychen143阅读 4,042评论 0 0