美文网首页
export 和 export default 的区别

export 和 export default 的区别

作者: jasmine_6aa1 | 来源:发表于2020-07-25 13:09 被阅读0次
export

1,使用场景:使用export关键字输出模块中外部文件要获取的变量。
一个模块就是一个独立的文件。该文件内部的所有变量,外部无法获取。

2,两种方式的输出

  • export命令后面,直接跟着输出的一个变量
  • export命令后面,使用大括号指定所要输出的一组变量
export  firstName
export {firstName, lastName, year};
export default

为模块指定默认输出。
export default就是输出一个叫做default的变量或方法,然后系统允许你为它取任意名字

区别

1,引入模块
import 模块名称 from ‘模块标识符’
import ‘表示路径’
2,引入时区别:
export对外接口是有名称的,import命令从模块导入的变量名与被导入模块对外接口的名称必须相同,
export default命令对外输出的变量名可以是任意的,这时import命令后面,不使用大括号,或者在import给他随意定义名
补充:如果想为输入的变量重新取一个名字,import命令要使用as关键字,将输入的变量重命名。

import { lastName as surname } from './profile.js';

2,输出次数

  • export 对外可以输出多次,使用export向外暴露成员,只能使用 { } 形式来来接受,这种形式叫做 【按需导入】
  • export default 命令只能使用一次;一个模块只能有一个默认输出,import命令后面才不用加大括号,因为只可能唯一对应export default命令。

3,接受变量要求区别

  • export default 向外暴露的成员,可以使用任意的变量来接受
  • export 在 import 引入时候,在node中,使用var 名称 = require(‘模块标识符’)
    注意:* 在一个模块中,可以同时使用 export default 和 export 向外暴露成员

相关文章

网友评论

      本文标题:export 和 export default 的区别

      本文链接:https://www.haomeiwen.com/subject/iicklktx.html