js导出方式及引入方式

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

export default A;

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

export A;
export B;
export C;

实际使用中
不冲突，可以同时使用。

export B;
export C;
export default A;

1. 常规导出单个

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

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

2. 默认导出一个

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

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

3. 默认导出一个对象

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

5. 默认导出及常规导出单个

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


//b.js
import A, { B } from './a.js';
A(); 
console.log(B)