首页 > 其他 > 详细

export default和export区别

时间:2020-05-07 16:56:40      阅读:49      评论:0      收藏:0      [点我收藏+]
 1.export default 的用法:相当于提供一个接口给外界,让其他文件通过 import 来引入使用。
技术分享图片

而对于export default 和export的区别:

 在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,export default仅有一个。 
 
技术分享图片
//demo.js 声明部分
export const str = ‘hello world‘

export function f(b){
    return b+1
}

//demo1.js 导出部分
import { str, f } from ‘demo‘ //也可以分开写两次,导入的时候带花括号
技术分享图片

技术分享图片

技术分享图片

对于export default部分:

//demo.js
export default const str = ‘hello world‘

//demo1.js
import str from ‘demo‘ //导入的时候没有花括号
如果不使用export default ,使用如下指令也可以。
let是当前作用域下声明变量
var是全局,外层可以调用
技术分享图片

export default和export区别

原文:https://www.cnblogs.com/xiaobaibubai/p/12844058.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!