export default 和 export 这两种方式导出的区别
参考地址 https://blog.csdn.net/sleepwalker_1992/article/details/81461543
使用export向外暴露的成员,只能使用{ }的形式来接收,这种形式,叫做【按需导出】
demo.js(公共文件)
//得到当前星期几
export function getCurrentWeek() {
let allWeeks = ["周天", "周一", "周二", "周三", "周四", "周五", "周六"];
let nowIndex = Number(new Date().getDay());
return allWeeks[nowIndex];
}
====在某一个文件中使用时
import {getCurrentWeek} from "../../../assets/javascript/demo" 引入
getCurrentWeek();使用
注意:
1、export default 向外暴露的成员,可以使用任意变量来接收
2、在一个模块中,export default 只允许向外暴露一次
3、在一个模块中,可以同时使用export default 和export 向外暴露成员
4、使用export向外暴露的成员,只能使用{ }的形式来接收,这种形式,叫做【按需导出】
5、export可以向外暴露多个成员,同时,如果某些成员,在import导入时,不需要,可以不在{ }中定义
6、使用export导出的成员,必须严格按照导出时候的名称,来使用{ }按需接收
7、使用export导出的成员,如果想换个变量名称接收,可以使用as来起别名
// test.js
var info = {
name: 'zs',
age: 20
}
export default info
export var title = '小星星'
export var content = '哈哈哈'
import {title, content as content1} from './test.js'
总结export default 和 export 这两种方式导出的区别
1.export default aa 这种导出是默认导出。一个文件只能有一个(export default)。
通过 import aa(这里可以是bb) from '路径' 的形式接收。
2.接收的时候可以使用任意变量来接收
3.所有的属性和方法都在aa(bb)这个属性上,【是导出整个】
1.export const initRouter 这一种是具体导出(es6)。一个文件可以导出多个(export)
通过 import {aa,bb } from '路径' 的形式接受。
2.导出的成员,必须严格按照导出时候的名称来,使用{ }按需接收
使用export导出的成员,如果想换个变量名称接收,可以使用as来起别名 { 原名 as 别名}
3.使用export向外暴露的成员,只能使用{ }的形式来接收,这种形式,叫做【按需导出】
遇见问题,这是你成长的机会,如果你能够解决,这就是收获。
作者:晚来南风晚相识
出处:https://www.cnblogs.com/IwishIcould/
本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
如果文中有什么错误,欢迎指出。以免更多的人被误导。
出处:https://www.cnblogs.com/IwishIcould/
想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!
如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!
万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!
想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!
支付宝
微信
如果文中有什么错误,欢迎指出。以免更多的人被误导。