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)
相关推荐
快乐点吧几秒前
【Word】批注一键导出:VBA 宏
开发语言·c#·word
山青花欲燃3104 分钟前
React 对接流式接口实现
前端·llm
LaoZhangAI6 分钟前
【2025最新】Gemini 2.5 Pro完全指南:强大推理能力提升8大应用场景实战效率
前端
平山13 分钟前
浅析JavaScript的内存机制
javascript·面试
frontDeveloper15 分钟前
JavaScript基础知识概览(非DOM-API部分)
javascript
晓风伴月16 分钟前
Css:如何解决绝对定位子元素内容被父级元素overflow:hidden属性剪裁
前端·css·overflow裁剪
Carlos_sam17 分钟前
OpenLayers:海量图形渲染之矢量切片
前端·javascript
Nexmoe18 分钟前
20 万行代码:我们如何构建和维护大规模 AI 原型系统
前端
zhangxingchao18 分钟前
Andrdoid中常用的JVM知识整理
前端
海底火旺18 分钟前
聊一聊JavaScript中的立即执行函数(IIFE)
前端·javascript