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)
相关推荐
jiangzhihao05151 小时前
前端自动翻译插件webpack-auto-i18n-plugin的使用
前端·webpack·node.js
软件技术NINI3 小时前
html css网页制作成品——HTML+CSS盐津铺子网页设计(5页)附源码
前端·css·html
R-G-B3 小时前
【02】C#入门到精通——C# 变量、输入/输出、类型转换
开发语言·c#·c# 变量·c#输入/输出·c#类型转换
星河队长3 小时前
C# 软件加密方法,有使用时间限制,同时要防止拷贝
开发语言·c#
史迪奇_xxx3 小时前
10、一个简易 vector:C++ 模板与 STL
java·开发语言·c++
2301_801252223 小时前
Java中的反射
java·开发语言
Kiri霧4 小时前
Rust开发环境搭建
开发语言·后端·rust
weixin-a153003083164 小时前
[数据抓取-1]beautifulsoup
开发语言·python·beautifulsoup
mapbar_front4 小时前
面试问题—我的问题问完了,你还有什么想问我的吗?
前端·面试
quweiie4 小时前
thinkphp8+layui多图上传,带删除\排序功能
前端·javascript·layui