[JavaScript知识库]新手必看关于 ES6的 export 及 export default 和 node.js的 exports 及 module.exports

标题ES6的 export 及 export default

标题node.js的 exports 及 module.exports

我用vue写的
vue里面的script代码如下

<script>
// 这步是用来要从其他地方导入的模块，也就是moduleA.js
// 这个大括号是从导入的模块里指定变量方法，然后使用就行了
import { getApple, getPear } from '@/util/moduleA'

// 导入moduleB，也就是export default导出的不用大括号{}，因为就导出那一个值，然后使用
import getGreetings from '@/util/moduleB'

// 这个goods 是require过来的模块名
var goods = require('@/util/moduleC')

// 用module.export 导出的，直接调用getMoney即可
var getMoney = require('@/util/moduleD')

export default {
  name: 'App',
  mounted(){
    // mouduleA 模块的
    getApple()  // 控制台输出 你获得了一个苹果
    getPear()   // 控制台输出 你得到了一颗梨

    // moduleB 模块的
    getGreetings() // 控制台输出 你好啊，我的朋友

    // moduleC 模块的
    // goods里面有getGoods这个方法
    goods.getGoods() // 控制台输出 这是一个商品

    // moduleD 模块的
    getMoney()  // 控制台输出 a lot of money
  }
}
</script>

moduleA 的代码

// export, import       ( ES6 )
// export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。

var getApple = ()=> {
    console.log('你获得了一个苹果');
}

var getPear = ()=> {
    console.log('你得到了一颗梨');
}

// 多个变量只需要写入大括号就行了，在需要使用的地方导入并使用
export { getApple, getPear }

moduleB 的代码

// export default命令，为模块指定默认输出。       ( ES6 )

var getGreetings = ()=>{
    console.log('你好的，我的朋友');
}

// 一个模块只能有一个默认输出，因此export default命令只能使用一次
// 后面不用加大括号{} 
export default getGreetings 

moduleC 的代码

// node.js的  module.exports

var getGoods = ()=> {
    console.log('这是一个商品');
}

// 这样导出的是作为 exports 的一个方法被导出的，exports里面的getGoods 方法对应着上方的getGoods方法，大家注意区分
exports.getGoods = getGoods

moduleD 的代码

// (node.js) 为了将函数直接导出成模块，而不是模块的一个方法，需要module.exports = 指定的

var getMoney = ()=> {
    console.log('a lot of money');
}

// module.exports 默认初始值为一个空对象 {}，所以 exports 初始值也是 {}
module.exports = getMoney