export命令和export default 命令的区别

export 命令
模块功能主要由两个命令构成:export和import。export命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。
一个模块就是一个独立的文件。该文件内部的所有变量,外部无法获取。
如果你希望外部能够读取模块内部的某个变量,就必须使用export关键字输出该变量。

import 命令
// main.js
import {firstName, lastName, year} from ‘./profile.js’;

function setName(element) {
element.textContent = firstName + ’ ’ + lastName;
}
上面代码的import命令,用于加载profile.js文件,并从中输入变量。import命令接受一对大括号,里面指定要从其他模块导入的变量名。
大括号里面的变量名,必须与被导入模块(profile.js)对外接口的名称相同。

如果想为输入的变量重新取一个名字,import命令要使用as关键字,将输入的变量重命名。

export default 命令
第一组是使用export default时,对应的import语句不需要使用大括号;第二组是不使用export default时,
对应的import语句需要使用大括号。
export default命令用于指定模块的默认输出。显然,一个模块只能有一个默认输出,因此export default命令只能使用一次。
所以,import命令后面才不用加大括号,因为只可能唯一对应export default命令。

猜你喜欢

转载自blog.csdn.net/xuqingbaobao/article/details/88848074