栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

ES6中的export const与export default的比较

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

ES6中的export const与export default的比较

这是命名导出与默认导出。

export const
是导出一个或多个const声明的命名导出。

要强调的是:这里重要的是用于声明一个或多个const声明的

export
关键字
const
export
也可以应用于其他声明,例如类或函数声明。

默认导出(

export default

每个文件可以有一个默认导出。导入时,您必须指定一个名称并像这样进行导入:

import MyDefaultExport from "./MyFileWithADefaultExport";

您可以给它取任何您喜欢的名字。

命名为出口(

export

使用命名导出,每个文件可以有多个命名导出。然后导入要用大括号括起来的特定导出:

// ex. importing multiple exports:import { MyClass, MyOtherClass } from "./MyClass";// ex. giving a named import a different name by using "as":import { MyClass2 as MyClass2Alias } from "./MyClass2";// use MyClass, MyOtherClass, and MyClass2Alias here

也可以在同一条语句中使用默认值和命名导入:

import MyDefaultExport, { MyClass, MyOtherClass} from "./MyClass";

命名空间导入

也可以从对象上的文件中导入所有内容:

import * as MyClasses from "./MyClass";// use MyClasses.MyClass, MyClasses.MyOtherClass and MyClasses.default here

笔记

  • 语法更倾向于默认导出,因为它的用例更常见,因为它更简洁。
  • 默认导出实际上是具有名称的命名导出,
    default
    因此您可以使用命名导入来导入它:
    import { default as MyDefaultExport } from "./MyFileWithADefaultExport";


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/386383.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号