6.exports、module.exports、export、export defalut

6.exports、module.exports、export、export defalut

1.exports、module.exports

首先exports和module.exports是出自於CommonJs規範裏面的,熟悉NodeJs的朋友或許知道，廢話很少說！
根據這個規範，每一個文件就是一個模塊，有本身的做用域。在一個文件裏面定義的變量、函數、類，都是私有的，對
其 他文件不可見。CommonJS規範規定，每一個模塊內部，module變量表明當前模塊。這個變量是一個對象，它的
exports屬 性（即 module.exports）是對外的接口。加載某個模塊，實際上是加載該模塊的module.exports屬
性,module.exports導出對應require導入，export導出對應import導入。。

var x = 5;
var addX = (value) => value + x
module.exports.x = x;
module.exports.addX = addX;

上面代碼經過module.exports輸出變量x和函數addX。

require方法用於加載模塊。

var example = require('./example.js');
console.log(example.x);         // 5
console.log(example.addX(1));   // 6

看了剛剛這段commonjs規範上面的介紹能夠知道如下區別與聯繫：
其實exports變量是指向module.exports，加載模塊實際是加載該模塊的module.exports。這等同在每一個模塊頭
部，有一行這樣的命令。

var exports = module.exports;

因而咱們能夠直接在 exports 對象上添加方法，表示對外輸出的接口，如同在module.exports上添加同樣。注
意，不能直接將exports變量指向一個值，由於這樣等於切斷了exports與module.exports的聯繫。

2.export、export default

export和export default是屬於ES6語法
模塊功能主要由：export和import構成。export導出模塊的對外接口，import命令導入其餘模塊暴露的接口。
export其實和export default就是寫法上面有點差異，一個是導出一個個單獨接口，一個是默認導出一個總體接
口。使用import命令的時候，用戶須要知道所要加載的變量名或函數名，不然沒法加載。這裏就有一個簡單寫法不用
去知道有哪些具體的暴露接口名，就用export default命令，爲模塊指定默認輸出。

demo.js

export a = "1";
export b = (a)=> a + b;
export c = {
    d: '3',
    e: '4'
}

export導出的變量或對象或方法，則對應的須要用import來導入

import { a, b, c } from './demo.js'
//或者等價
import *as newName from './demo.js'

針對export變量導出,es6 的規範 import * as obj from "xxx" 會將 "xxx" 中全部 export 導出的內容組合成一個對象返回

export defalut

demo1.js

export defalut{
    a: '2',
    add(b,c) {
        return b + c
    }
}
import 導入
import whatever from './demo1.js'

但一個文件中只能使用一次export defalut