js导出方式及引入方式

  1. 默认导出
    一个文件只能有一个
javascript 复制代码
export default A;
  1. 常规导出
    一个文件可以有N个
javascript 复制代码
export A;
export B;
export C;

实际使用中

不冲突,可以同时使用。

javascript 复制代码
export B;
export C;
export default A;
  1. 常规导出单个
javascript 复制代码
//a.js
export const A = () => {
 console.log('A')
}

//b.js
import { A } from './a.js';
A(); 
  1. 默认导出一个
javascript 复制代码
//a.js
export default const A = () => {
 console.log('A')
}

//b.js
import All from './a.js';
All(); 
  1. 默认导出一个对象
javascript 复制代码
// a.js
const a = 'aaaa';
const b = 'bbbbb';
const c = () => {}
export default {
 a,
 b,
 c
}

// b.js
import { a, b, c} from './b.js';
console.log(a,b);
c()
  1. 默认导出及常规导出单个
javascript 复制代码
//a.js
export B = '10';
export default const A = () => {
 console.log('A')
}


//b.js
import A, { B } from './a.js';
A(); 
console.log(B)
相关推荐
nightunderblackcat4 分钟前
新手向:实现ATM模拟系统
java·开发语言·spring boot·spring cloud·tomcat·maven·intellij-idea
开开心心就好7 分钟前
电脑息屏工具,一键黑屏超方便
开发语言·javascript·电脑·scala·erlang·perl
江号软件分享8 分钟前
有效保障隐私,如何安全地擦除电脑上的敏感数据
前端
笑衬人心。14 分钟前
Java 17 新特性笔记
java·开发语言·笔记
web守墓人1 小时前
【前端】ikun-markdown: 纯js实现markdown到富文本html的转换库
前端·javascript·html
序属秋秋秋1 小时前
《C++初阶之内存管理》【内存分布 + operator new/delete + 定位new】
开发语言·c++·笔记·学习
Savior`L1 小时前
CSS知识复习5
前端·css
许白掰1 小时前
Linux入门篇学习——Linux 工具之 make 工具和 makefile 文件
linux·运维·服务器·前端·学习·编辑器
ruan1145142 小时前
MySQL4种隔离级别
java·开发语言·mysql
quant_19863 小时前
R语言如何接入实时行情接口
开发语言·经验分享·笔记·python·websocket·金融·r语言