CommonJS模块规范-ES5、ES6

CommonJS模块规范-ES5、ES6

每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。

es5导出模块

CommonJS使用 exports 和require 来导出、导入模块。

//创建js方法
//定义变量
const sum = function(a,b){
    return parseInt(a) + parseInt(b)
}
const subtract = function(a,b){
    return parseInt(a) - parseInt(b)
}

导出模块中的成员

//设置哪些方法可以被其他js调用
module.exports = {
    sum,
    subtract
}

es5导入模块

//引入模块，注意：当前路径必须写 ./
//调用01.js的方法
//引入01.js文件
const m = require('./01.js')
//2调用
console.log(m.sum(1,2))
console.log(m.subtract(10,3))

ES6模块化规范

ES6使用 export 和 import 来导出、导入模块。

注意：ES6不能用nodejs直接执行，必须经过babel的转码器转为ES5才能执行
1、导出模块

//定义方法可以被哪些js调用
export function getList(){
    console.log('getList....')
}


export function save(){
    console.log('save....')
}
//第二种写法
export default{
    delete(){
        console.log('getlist...')
    }
    ,
    select(){
        console.log('select....')
    }
}

1、导入模块

//调用01.js 引入文件
import { getList, save } from './01.js'

//调用方法
getList()
save()


//第二种调用方法
import { m } from './01.js'
m.getList();
m.save();