ES6 export和export default的区别
2017-08-22 11:07
543 查看
在ES6中export和export default均可用于导出文件、常量、模块、函数等,在导入这些文件时需要配合 import 使用。
在一个文件中可以存在多个export,但只能存在一个export default:
// export导出用法:
export function a () {
}
export const name = 'Ycz';
// export导入用法(导入实例需带'{}'且实例名必须与导出的实例名一致):
import {a, name} from 'xxxxx'
// export default导出用法:
const obj = {
name: 'YYYYcz'
};
export default obj;
// export default导入用法(导入实例不需要带'{}'且实例名也不必与导出的实例名一致):
import defaultObj from 'xxxxx'
在一个文件中可以存在多个export,但只能存在一个export default:
// export导出用法:
export function a () {
}
export const name = 'Ycz';
// export导入用法(导入实例需带'{}'且实例名必须与导出的实例名一致):
import {a, name} from 'xxxxx'
// export default导出用法:
const obj = {
name: 'YYYYcz'
};
export default obj;
// export default导入用法(导入实例不需要带'{}'且实例名也不必与导出的实例名一致):
import defaultObj from 'xxxxx'
相关文章推荐
- ES6:export default 和 export 区别
- ES6中export及export default、import的区别
- ES6:export default 和 export 区别
- ES6:export default 和 export 区别
- JavaScript ES6中export及export default的区别
- ES6:export default 和 export 区别
- ES6:export default 和 export 区别
- ES6中export及export default的区别
- ES6中export及export default的区别
- ES6中export及export default的区别
- es6的export default,export,import的区别
- ES6:export default 和 export 区别
- es6中模块化:export和export default的区别
- JavaScript ES6中export及export default的区别
- ES6 export default 和 export 的区别
- es6中export、export default、import的理解
- ES6中module加载时有无default的区别
- export default 、 export 和import 区别
- export 与 export default import 详解| es6
- export ,export default 和 import 区别 以及用法