ES6 的模块输入和输出小结

commonJS 规范的模块输入输出常常是这样的，我用的不多，只这样用

// math.js
function add(a,b){
    return a+b
}
module.exports = {add}
// app.js
const {add} = require('./math')

ES6 的模块输入输出有几种方式

• 两种输出方式
  • 一个默认输出
  • 一个对象输出
• 两种输入方式
  • 一个默认输入
  • 一个对象输入

输出方式如下

// math.js
// 默认输出 方式1
export default function(a,b){
  return a+b
}
// 默认输出 方式2
function add(a,b){
  return a+b
}
export default add
// 对象输出 方式1
function add(a,b){
  return a+b
}
export {add}
// 对象输出 方式2
export function add(a,b){
  return a+b
}

输入方式如下

app.js
// 默认输入
import add from './math'
// 对象输入
import {add} from './math'

「@浪里淘沙的小法师」