ES6 export暴露和引用的三种方式

暴露方式

1.分别暴露

//这是我个人的export.js 文件

javascript 复制代码
export let obj={
    name:"导出"
}

export const fuc=()=>{
    console.log('导出')
}

2.统一暴露

//将需要暴露方法写在export对象内

javascript 复制代码
 let obj={
    name:"导出"
}

 const fuc=()=>{
    console.log('导出')
}
export{
    obj,
    fuc,
}

3.默认暴露

javascript 复制代码
export default{
    obj={
        name:"导出"
    },
    fuc:function(){
        console.log('导出')
    }
}

注:通用引入方式调用时需加default属性

javascript复制代码//这里是通用引用方式

import * as ex from './js/export.js' //个人文件夹

console.log(ex.default.obj.name) //导出

引入方式

1.通用引入

//使用关键字as引入

javascript 复制代码
import * as ex from './js/export.js' //个人文件夹
console.log(ex.obj.name) //导出

ps:将export文件内的所有方法以 ex的属性来引入调用

2.解构赋值

javascript 复制代码
import { obj,fuc}from './js/export.js'

ps:将需要用的方法分别以解构赋值的方式引入

默认暴露的解构赋值引入写法

javascript 复制代码
import {default as ex} from './js/export.js' 
console.log(ex.obj.name)//导出

ps:这种方式引用,调用时不需要加default

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

javascript 复制代码
import ex from './js/export.js'  
console.log(ex.obj.name)//导出
相关推荐
时雨__10 小时前
利用AndVX6开发流程图——问题总结
前端
渣哥10 小时前
当容器里有多个 Bean,@Qualifier 如何精准定位?
javascript·后端·面试
云枫晖11 小时前
深入浅出npm:现代JavaScript项目基石
前端·javascript·node.js
不一样的少年_11 小时前
你家孩子又偷玩网页游戏? 试试这个防沉迷工具
前端·javascript·浏览器
春秋半夏11 小时前
vue2二次封装el-select支持collapse-tags-tooltip
前端
昔人'11 小时前
css`scrollbar-gutter`防止滚动条可见性变化时发生布局偏移
前端·css
掘金安东尼11 小时前
前端周刊第436期(2025年10月13日–10月19日)
前端·javascript·github
小叫花子11 小时前
用 UniApp 开发微信小程序蓝牙通信功能
前端
勤奋菲菲11 小时前
深入理解HTML文本标签:构建网页内容的基础
前端·html