-
在 ES6 中 通过规范的形式,有 导入 和 导出 模块
在 ES6 中导入模块:使用import 模块名称 from "模块标识符"
和import "表示路径"
-
在 ES6 中向外暴露成员:使用
export default
和export
-
在 Node 中,使用
var 名称 = require("模块标识符")
导入 -
使用
module.export = {}
和exports
来暴露成员
在 ES6 中使用 export default 和 export 向外暴露成员和 ES6 接受导入
在根目录下创建一个 test.js
文件。
export default 暴露成员方法一:
export default {
name:'小明',
age:18
}
export default 暴露成员方法二:
var info = {
name:'小红',
age:18
}
export default info
在 入口文件 main.js
中接受导入。
导入 接受
import m1 from './test.js'
console.log(m1)
- 注意:
export default
向外暴露的成员,可以使用任意的变量来接受- 注意:在一个模块中,
export default
只允许向外暴露1次- 注意:在一个模块中,可以 同时 使用export default 和 export 向外暴露成员
export 暴露成员
export var content = "export暴露成员"
export var title = "哈哈哈哈"
导入接受成员
import m1,{content,title} './test.js'; //同时接受 export default 和 export 暴露成员
import {content} from './test.js'; //接受单个成员
import {content,title} './test.js'; //接受多个成员
console.log(content +'----'+ title);
- 注意:使用 export 向外暴露的成员,只能使用 {} 的形式来接受,这种形式叫做【按需导出】
- 注意:export 可以向外暴露多个成员,同时,如果某些成员,我们在 import 的时候,不需要,则可以 不在 {} 中定义
- 注意:使用 export 导出的成员,必须严格按照 导出时候的名称,使用 {} 来导入接受
- 注意:使用 export 导出的成员,如果就想换个名称导入接受,可以使用 as 起别名
使用as
起别名导入,例如:
import m1,{title as mytitle,content} from './test.js'
console.log(mytitle +'----'+ content);