文章已同步至掘金:https://juejin.cn/post/6844903959904288782
欢迎访问😃,有任何问题都可留言评论哦~
export
与export default
区别
-
export
与export 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.exports
与require
代码示例:
Test.js
代码:
module.exports = {
name:"xxx"
}
导入:
const Test = require("Test.js");
Test.name
评论区