js导出方式及引入方式

Asurejiang2024-08-28 20:53

默认导出
一个文件只能有一个

javascript 复制代码

export default A;

常规导出
一个文件可以有N个

javascript 复制代码

export A;
export B;
export C;

实际使用中

不冲突，可以同时使用。

javascript 复制代码

export B;
export C;
export default A;

常规导出单个

javascript 复制代码

//a.js
export const A = () => {
 console.log('A')
}

//b.js
import { A } from './a.js';
A();

默认导出一个

javascript 复制代码

//a.js
export default const A = () => {
 console.log('A')
}

//b.js
import All from './a.js';
All();

默认导出一个对象

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()

默认导出及常规导出单个

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)