ES6暴露语法 三种

ES6暴露语法 三种
1.分别暴露
分别暴露，就是允许页面中有多个export，每个export都暴露各自的方法或者变量。

export let a = 1
export function b(){
	console.log('b');
}
export function c(){
	console.log('c');
}

页面引入

import { a , b,c} from "文件路径"
//此时当前模块便含有 a 变量，和fun函数
console.log(a)// 1
b()// b
c()// c

2.统一暴露
统一只需要一个export，他们的import都需要一个对象{ }来接受暴露的对象名。

let a = 1
function b(){
 console.log('b');
}
function c(){
 console.log('c');
}
export {a,b,c}

页面引入

import {a,b,c} from '文件路径'
console.log(a)// 1
b() // 'b'
c() // 'c'

2.默认暴露
默认暴露（export default）和他们的区别就是一个页面只能有一个export暴露方法

默认暴露一个对象
let a = 1
function b(){
	console.log("b")
}
function c(){
	console.log("c")
}
export default { a , b,c}

或者

默认暴露一个对象
export default {
 a = 1
 b(){
  console.log('b');
 }
 c(){
  console.log('c');
 },
}

页面引入

import module1 from './text.js'
 console.log(module1.a) // 1
 module1.b() // 'b'
 module1.c() // 'c'