当前位置: 首页 > article >正文

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

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

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

一.默认暴露

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

export default {
  a(){
    console.log(111);
  },
  b(){
    console.log(222);
  }
}

2.在需要使用的页面中

import test from '../../api/test.js'
console.log(test.a()); //111

二.统一暴露

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

 function a(){
    console.log('111');
 }
 function b(){
    console.log('222');
 }
 export {a,b}

2.在需要使用的页面中

import {a,b} from '../../api/test.js'
console.log(a()); //111

三.分别暴露

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

 export function a(){
    console.log('111');
 }
 export function b(){
    console.log('222');
 }

2.在需要使用的页面中

import {a,b} from '../../api/test.js'
console.log(a()); //111


http://www.kler.cn/a/134747.html

相关文章:

  • Ruby编程语言全景解析:从基础到进阶
  • Thread类及常见方法
  • C语言 | Leetcode C语言题解之第557题反转字符串中的单词III
  • DevOps工程技术价值流:加速业务价值流的落地实践与深度赋能
  • 应用程序部署(IIS的相关使用,sql server的相关使用)
  • R语言机器学习与临床预测模型77--机器学习预测常用R语言包
  • 纯CSS实现炫酷文本阴影效果
  • 石油石化物资采购杂志社石油石化物资采购编辑部2023年第18期部分目录
  • 【Spring Boot】如何自定义序列化以及反序列器
  • 《轻购优品》新零售玩法:消费积分认购+众筹新玩法
  • 【Linux】进程间通信 -- 共享内存
  • Python算法——树的镜像
  • CentOS7 设置 nacos 开机启动
  • 字节8年经验之谈 —— 性能测试的流程及常用工具介绍!
  • 【精选】JSP技术知识点大合集
  • python批量为视频添加文字水印和图片水印的程序
  • 4、FFmpeg命令行操作7
  • 优步让一切人工智能化
  • 类型体系与基本数据类型(第五节)
  • mybatis使用foreach标签实现union集合操作
  • 如何利用1688批发市场价格做跨境代购业务?(API数据接口)
  • 软件测试/测试开发丨人工智能在软件测试领域的崭新前景
  • GPT-4充当“规划师、审计师”,颠覆性双层文生图表模型
  • openssl1.0.2版本Windows安装问题
  • 【系统稳定性】1.6 黑屏(三)
  • 如何远程控制别人电脑进行技术支持?