export default 和 export的区别

export default 和 export的区别

一、总结

一句话总结：

a、export default 只允许向外暴露1次，import引入的时候可指定变量名

b、export在一个模块中可向外暴露多次，import引入时不方便指定变量，可用as来指定变量

 

在一个模块中，export default 只允许向外暴露1次，引入的时候可指定变量名


在一个模块中，可以同时使用 export default 和 export 向外暴露成员

// 在 ES6 中，使用 export default 和 export 向外暴露成员：
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 = '哈哈哈'


import m222, { title as title123, content } from './test.js'
console.log(m222)
console.log(title123 + ' --- ' + content)

 

 

1、es6向外暴露变量和引入变量 实例？

export或export default暴露，import引入变量

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

export default info

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

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

 

 

2、es6向外暴露变量和引入变量？

es6向外暴露变量：使用 export default 和 export 向外暴露成员

es6引入变量：使用  import 模块名称 from '模块标识符'    import '表示路径'

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

 

 

3、nodejs中的暴露和引入变量？

nodejs暴露变量：module.exports 和 exports 来暴露成员

nodejs引入变量：var 名称 = require('模块标识符')

在Node中 使用 var 名称 = require('模块标识符')
module.exports 和 exports 来暴露成员

 

 

二、export default 和 export的区别

博客对应课程的视频位置：

 

// 这是 Node 中向外暴露成员的形式：
// module.exports = {}

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

// 在 ES6 中，使用 export default 和 export 向外暴露成员：
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 来起别名；




// 在Node中 使用 var 名称 = require('模块标识符')
// module.exports 和 exports 来暴露成员