JavaScript 模块化编程

简介：

模块化就是js与js之间的调用，类似于Java类与类之间的调用。使用模块化可以使项目结构更加清晰明了，代码更加优雅。

es5写法：

demo1.js

//定义方法
const hello=function(){
	return "hello";
}
const ok=function(){
	return "ok";
}
//指定哪些方法可以被调用
module.exports={
	hello,
	ok
}

demo2.js

//引入要调用的文件
const m=require('./demo1.js')

console.log(m.hello());
console.log(m.ok());

结果：

es6写法（需要Babel转成es5才能运行）：

demo1.js 定义被调用方法

export default{
	hello(){
		return "hello";
	},
 	ok(){
		return "ok";
	}
	
}
 
 

demo2.js 引入文件，调用方法。

import m from './demo1.js'

console.log(m.hello());
console.log(m.ok());

进入根目录使用Babel 转码，具体使用请看上一篇博客

babel es6 -d es6_1

进入转码后的目录运行代码：

帮助到您请点赞关注收藏谢谢！！