es模块化实际场景使用

模块化

基本概念

ES6的模块化语法

导出

test.js

exprot let A=123

export function test(){
    console.log("test")
}

export class Hello{
    test(){
        console.log('class')
    }
}

问题：

1. 假如导出内容比较多的时候
2. 导出的内容比较多的时候，但是只想的其中的一项

导入

index.js

其他地方拿到导出的值

默认

import {A,test,Hello} from 'test.js'

匹配你想得到那一项

import {A} from 'test.js'

假如导出的内容比较多的时候，但是只想的其中的一项

import * as util from 'test.js'

console.log(util.A)

---

test.js

let A=123

let test=function(){
    console.log("test")
}

class Hello{
    test(){
       console.log("class")
    }
}

export default{
    A,
    test,
    Hello
}

导入使用

index.js

import util from 'test.js'

console.log(util.A)