目 录CONTENT

文章目录

ES6 export与export default 区别

俊阳IT知识库
2023-03-13 / 0 评论 / 0 点赞 / 351 阅读 / 346 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2023-03-13,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。
广告

文章已同步至掘金:https://juejin.cn/post/6844903959904288782
欢迎访问😃,有任何问题都可留言评论哦~

exportexport default区别

  • exportexport default均可用于导出常量、函数、文件、模块等

  • 可以在其它文件或模块中通过 import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用

  • 模块中通过export导出的(属性或者方法)可以修改,但是通过export default导出的不可以修改

  • 在一个文件或模块中,export可以有多个,但是export default仅有一个

  • 通过export方式导出,在导入时要加{ },而export default则不需要

代码演示

export

Test.js代码

export let x = '1'

export const y = '2'

export const z = '3'

导入:

//导入的时候需要带花括号
import {x,y,z} from "Test.js"

//也可以逐个导入
import {x} from "Test.js"
import {y} from "Test.js"
import {z} from "Test.js"

export default

Test.js代码:

let x = '1'  

export default x

导入:

//导入的时候不需要带花括号
import x from "Test.js" 

补充

说到这里,顺便补充一下module.exportsrequire

代码示例:

Test.js代码:

module.exports = {
    name:"xxx"
}

导入:

const Test = require("Test.js");

Test.name

U_U

0

评论区