ES6 Module的暴露和引入形式

原创已于 2022-08-22 16:12:59 修改 · 282 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #javascript #前端

于 2022-08-22 16:12:16 首次发布

本文详细解析了JavaScript中三种常见的导出方式：按常量、函数和默认导出。介绍了import的不同用法，包括通用导入、解构导入和默认导入。重点在于展示如何在模块间有效管理和复用代码。

export的方式

// 1.分别暴露

export const a=10

export function (value){
    console.log(value)
}



// 2.统一暴露

const b=20

const fn=(val)=>{
    return val * 2
}

export { b, fn }



// 3.默认暴露
export default {
    c:30,
    cb:function(){
        return 'hello'
    }
}

import的方式

// 1.通用方式

import * as moduleA from './moduleA.js'


// 2.解构形式

import {a,b,c} from './moduleB.js'


// 3.简便形式(仅针对默认暴露)

import moduleC from './moduleC.js'

同一模块中，export、import可以有多个，export default有且仅有一个