export模块化简单使用示例

第一种：集合单个导出

//a.js
export function fn(){
    console.log("fn")
}
export const  name = 'a'
export const obj = {
    name:"zhangsan"
}

//index.js
import {fn,name,obj} from './a'
fn()
console.log(name)
console.log(obj)

第二种：集合一起导出

//b.js
function fn(){
    console.log("fn")
}
const  name = 'a'
const obj = {
    name:"zhangsan"
}

export {
    fn,
    name,
    obj
}
//index.js
import {fn,name,obj} from './b'
fn()
console.log(name)
console.log(obj)

第三种:export default

//c.js
function fn(){
    console.log("fn")
}
const  nameq = 'a'
const obj = {
    name:"c23"
}

export default{
    fn,
    nameq,
    obj
}
//index.js
import x from './c'
x.fn()
console.log(x.nameq)
console.log(x.obj)

注意：export default导出后，不能用结构赋值引用