前端学习--07 es6与es5模块化写法

es5写法
01.js

const sum = function(a,b){
    return parseInt(a)+parseInt(b)
}
const substract = function(a,b){
    return parseInt(a) - parseInt(b)
}

module.exports = {
    sum,
    substract
}

02.js

//引入01.js
const m = require("./01.js")
//调用方法
console.log(m.sum(1,2))
console.log(m.substract(3,2))

es6写法，node不能直接执行es6语法写的js文件，需要babel转码器将其转为es5运行

1. es6写法1
   01.js

export function getList(){
    console.log("getList...")
}

export function getArray(){
    console.log("getArray...")
}

02.js

import { getList,getArray } from "./01";

getList()
getArray()

2. es6写法2
   01.js

export default{
    getList(){
        console.log("getList...")
    },
    getArray(){
        console.log("getArray...")
    }
}

02.js

import m from "./01"
m.getArray()
m.getList()

转码器将文件夹的es6文件转为es5

babel .\moduledemoes62\ -d .\moduledemoes52\

运行

node .\moduledemoes52\02.js