介绍//,命名导入/导出,
时间=export const name & # 39;价值# 39;
{},name import 得到& # 39;……& # 39;//,默认导出/导入
export default & # 39;价值# 39;
import anyName 得到& # 39;……& # 39;//,重命名导入/导出,
{export name as newName }
{},newName import 得到& # 39;……& # 39;//,命名,+,默认,| Import 所有
时间=export const name & # 39;价值# 39;
export default & # 39;价值# 39;
import *, as anyName 得到& # 39;……& # 39;//,导出列表,+,重命名
export {
name1才能,
name2 才能;as newName2
}
import {
name1 才能;as newName1,
newName2才能
},得到& # 39;……& # 39; export const name =, & # 39;价值# 39;; import {, name },得到& # 39;一些路径/文件# 39;;
console.log(名字),,//,& # 39;价值# 39; export default & # 39;价值# 39; import anyName 得到& # 39;一些路径/文件# 39;
console.log (anyName),//, & # 39;价值# 39; export default const name =, & # 39;价值# 39;,,,//,不要试图给我起个名字! import anyName,, {, name },得到& # 39;一些路径/文件# 39; const name1 =, & # 39; value1 # 39;
const name2 =, & # 39; value2 # 39;
export {
name1才能,
name2才能
} //,Export list ≠对象
export {
,,名字:& # 39;名字# 39;
} const name =, & # 39;价值# 39;
export {
name 才能;as 新名称
} export const name =, & # 39;价值# 39;//,你已经在导出,name ,请勿再导出我
export {
,名字
} const name1 =, & # 39; value1 # 39;
const name2 =, & # 39; value2 # 39;
export {
name1才能,
name2 才能;as newName2
} export const name =, & # 39;价值# 39;
export default & # 39; defaultvalue # 39;
这篇文章将为大家详细讲解有关ES6模块的使用示例,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
这是一份备忘单,展示了不同的导出方式和相应的导入方式。它实际上可分为3种类型:名称,默认值和列表。
接下来,我们来一个一个的看吗? ?
命名方式
这里的关键是要有一个<强> 强名称。
默认方式
使用默认导出,不需要任何名称,所以我们可以随便命名它
默认方式不用变量名
命名方式和,默认方式一起使用
<>强命名方式强和,<强>默认方式可以同个文件中一起使用? ?
eport const name =, & # 39;价值# 39; eport default & # 39;价值# 39;
导出列表
第三种方式是导出列表(多个)
import {name1, name2 },得到& # 39;一些路径/文件# 39;
console.log (
name1才能,,,//,& # 39;value1 # 39;,
name2才能,,,//,& # 39;value2,,
) 需要注意的重要一点是,这些列表不是对象。它看起来像对象,但事实并非如此。我第一次学习模块时,我也产生了这种困惑。真相是它不是一个对象,它是一个导出列表
重命名的导出
对导出名称不满意?问题不大,可以使用<代码> s 关键字将其重命名。
import {, newName },得到& # 39;一些路径/文件# 39;
console.log(新名称),,//,& # 39;价值# 39;//,原始名称不可访问
console.log(名字),,//,?,未定义的 不能将内联导出与导出列表一起使用
重命名导入
同样的规则也适用于导入,我们可以使用<代码> 关键字重命名它。
