阅读 79

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)