美文网首页
ES6--module

ES6--module

作者: coldtiger | 来源:发表于2015-10-08 15:40 被阅读225次

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

相关文章

  • ES6--module

    module 什么是module? module就是一个包含js代码的文件,module里默认使用use stri...

网友评论

      本文标题:ES6--module

      本文链接:https://www.haomeiwen.com/subject/rkdncttx.html