ES6 export和export default的区别

csdn学习资料

1. export、export default可以导出常量，变量，函数，文件，类，模块等。

export const msg = 'hello'; 
export var hello='1234'; 
export function foo(){ } 
export class Person{ }

2. 一件文件或模块中，export可以有多个，但是export default仅有一个

export：

const msg = 'hello'; 
var hello = '1234'; 
function foo() { } 
class Person { } 
export { msg as info, hello, foo, Person }

export导出，接受值

import { msg, hello, foo, Person } from './test';

//也可以分批导入
import { msg} from './test';
import { hello} from './test';
import { foo} from './test';
import { Person} from './test';

export default:

var world = '2345'; 
export default world;

export default导出：

import obj from './test';

3、模块中通过export 导出的(属性或者方法)可以修改,但是通过export default导出的不可以修改