ES6 模块的import和export

1.通过export进行模块的暴露

分别暴露：m1.js

// 分别暴露 
export const person={ 
	name:'zhangsan', 
	age:12 
}
export function playGame(){ 
	console.log('打游戏') 
}

统一暴露：m2.js

// 统一暴露 
const cat = { 
	name: 'xiaotao', 
	age: 5 
}
function playBall() { 
	console.log('猫咪喜欢玩球') 
}
export {cat , playBall}

默认暴露：m3.js

// 默认暴露：一个模块只能有一个 export default 
export default function add(x, y) { 
	return x + y 
}

2.通过import进行模块的导入(对应上面的模块暴露)

3种导入的方式，见下面的代码

1.通用的导入方式

// 1.通用的导入方式 
// 引入m1模块的内容 
import * as m1 from './js/m1.js'//分别暴露 
// 引入m2模块的内容 
import * as m2 from './js/m2.js'//统一暴露 
// 引入m3模块的内容 
import * as m3 from './js/m3.js'//默认暴露 
console.log(m1, m2, m3) 

2.解构赋值的形式

// 2.解构赋值的形式 
import { person, playGame } from './js/m1.js'//分别暴露 
import { cat, playBall } from './js/m2.js'//统一暴露 
import { default as add } from './js/m3.js'//默认暴露 
console.log(person) console.log(playGame) 
console.log(cat) console.log(playBall) 
console.log(add(1,3)) 

3.简便形式 只是针对默认暴露

// 3.简便形式 只是针对默认暴露 
import addM3 from './js/m3.js'//默认暴露 
console.log(addM3)