我是靠谱客的博主 友好小蜜蜂,最近开发中收集的这篇文章主要介绍CommonJS模块规范-ES5、ES6CommonJS模块规范-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();

最后

以上就是友好小蜜蜂为你收集整理的CommonJS模块规范-ES5、ES6CommonJS模块规范-ES5、ES6的全部内容,希望文章能够帮你解决CommonJS模块规范-ES5、ES6CommonJS模块规范-ES5、ES6所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(40)

评论列表共有 0 条评论

立即
投稿
返回
顶部