import中export和export default的区别
摘要:import中export和export default的区别
用法区别
(1)一个.js文件中export可以出现多次,而export default只能出现一次。
(2)import时,export不能省略{},export default可以省略括号。
值改变
export相当于是绑定指针,export default相当于绑定一个值。
//model.js
let e1='export 1';
let e2='export 2';
export default e1;
export {e2};
e1='export 1 modified';
e2='export 2 modified';
//index.js
import e1, {e2}from "./model";
console.log(e1);
console.log(e2);
#index.js执行结果
export 1
export 2 modified
导出的变量修改影响
export导出的变量在index.js中不能修改,导出的对象修改会影响在model.js中的对象。
export default导出的变量,在index.js中可以修改,修改后不会影响在model.js中的对象。
export default导出的对象相当于第一层浅拷贝。
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。