美文网首页
export与export default

export与export default

作者: 折枝赠远方 | 来源:发表于2019-03-20 22:45 被阅读0次

export与export default 总结


Node

Node 中向外暴露成员的形式:

module.exports = {}

在Node种导入包
在Node中 使用 var 名称 = require('模块标识符')
使用module.exportsexports 来暴露成员

ES6

在 ES6中,也通过 规范的形式,规定了 ES6 中如何 导入 和 导出 模块ES6中导入模块,使用 import 模块名称 from '模块标识符'import '路径'

在 ES6 中,使用 export defaultexport 向外暴露成员:

export default {
    name: 'zs',
     age: 20
 }
var info = {
    name: 'zs',
    age: 20
}
export default info

export default {
  address: '北京'
} 

/*
[注意]: export default 向外暴露的成员,可以使用任意的变量来接收
[注意]: 在一个模块中,export default 只允许向外暴露 1次
[注意]: 在一个模块中,可以同时使用 export default 和 export 向外暴露成员
*/


export var title = '小星星'
export var content = '哈哈哈'

/*
[注意]: 使用 export 向外暴露的成员,只能使用 { } 的形式来接收,这种形式,叫做 【按需导出】
[注意]: export 可以向外暴露多个成员, 同时,如果某些成员,我们在 import 的时候,不需要,则可以 不在 {}  中定义
[注意]: 使用 export 导出的成员,必须严格按照 导出时候的名称,来使用  {}  按需接收;
[注意]: 使用 export 导出的成员,如果 就想 换个 名称来接收,可以使用 as 来起别名;   
例子: import m222, { title as title123, content } from './test.js'
*/

使用import按需导入

import m222, { title as title123, content } from './test.js'

相关文章

网友评论

      本文标题:export与export default

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