前端JS模块化对外暴露的三种方法

对外暴露有三种方式,分别时默认暴露、统一暴露、分别暴露。

但值得注意的是,使用import(引入)和export(暴露)关键字只能在模块系统中如vue中使用,不能在普通的js使用。

一.默认暴露

1.在新建的test.js文件中

javascript 复制代码
export default {
  a(){
    console.log(111);
  },
  b(){
    console.log(222);
  }
}

2.在需要使用的页面中

javascript 复制代码
import test from '../../api/test.js'
javascript 复制代码
console.log(test.a()); //111

二.统一暴露

1.在新建的test.js文件中

javascript 复制代码
 function a(){
    console.log('111');
 }
 function b(){
    console.log('222');
 }
 export {a,b}

2.在需要使用的页面中

javascript 复制代码
import {a,b} from '../../api/test.js'
javascript 复制代码
console.log(a()); //111

三.分别暴露

1.在新建的test.js文件中

javascript 复制代码
 export function a(){
    console.log('111');
 }
 export function b(){
    console.log('222');
 }

2.在需要使用的页面中

javascript 复制代码
import {a,b} from '../../api/test.js'
javascript 复制代码
console.log(a()); //111
相关推荐
魔云连洲2 分钟前
深入解析:Object.prototype.toString.call() 的工作原理与实战应用
前端·javascript·原型模式
JinSo11 分钟前
alien-signals 系列 —— 认识下一代响应式框架
前端·javascript·github
开心不就得了17 分钟前
Glup 和 Vite
前端·javascript
szial19 分钟前
React 快速入门:菜谱应用实战教程
前端·react.js·前端框架
西洼工作室25 分钟前
Vue CLI为何不显示webpack配置
前端·vue.js·webpack
greentea_201326 分钟前
Codeforces Round 65 C. Round Table Knights(71)
c语言·开发语言·算法
小秋学嵌入式-不读研版35 分钟前
C61-结构体数组
c语言·开发语言·数据结构·笔记·算法
Evand J1 小时前
组合导航的MATLAB例程,二维平面上的CKF滤波,融合IMU和GNSS数据,仿真,观测为X和Y轴的坐标,附代码下载链接
开发语言·matlab·平面·imu·组合导航
黄智勇1 小时前
xlsx-handlebars 一个用于处理 XLSX 文件 Handlebars 模板的 Rust 库,支持多平台使
前端
蔗理苦1 小时前
2025-10-07 Python不基础 20——全局变量与自由变量
开发语言·python