为什么这里不用加default?

来源:4-2 热卖推荐--从服务器端获取数据

琥珀_2020

2020-04-06 15:02:22

http://img.mukewang.com/climg/5e8ad3ea09eea44a22581196.jpg

什么时候需要加default 什么时候不需要 ?

写回答

2回答

好帮手慕星星

2020-04-06

同学你好,export default用来导出模块的,当哪一个文件使用到这个模块,就可以使用import 导入。通过简单的例子理解一下:

1、 第一种语法,不加default,此时可以导出多个

export const str = 'hello world'

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

如上文件中导出了一个变量和一个函数 ,其他文件想要使用它们,可以通过如下引入:

str就是对应的上面导出的变量str,f就是上面导出的函数f 。下面的两个名字是可以任意起的,不过保存一致更清晰一点。

//demo2.js
import { str, f } from 'demo1'

注意没有加default,导入的时候要加{} ,这是规定语法。

2、export default 只能导出一个默认模块

//demo1.js
export default {
   a: 'hello',
   b: 'world'      
}

如上导出一个对象,在其他文件中使用:

//demo2.js
import obj from 'demo1'

注意obj不需要加{} 了。obj导入默认对象时,给它起的一个名字。

3、课程中写导出的时候没有加default,导入的时候就需要使用{}

http://img.mukewang.com/climg/5e8b117e09c368ee06660166.jpg

http://img.mukewang.com/climg/5e8b11db0953fa9e07560050.jpg

写导出的时候加了default,那么导入的时候就不需要加{}

http://img.mukewang.com/climg/5e8b11b409f3fec707490146.jpghttp://img.mukewang.com/climg/5e8b11c20985070d06210033.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

琥珀_2020

提问者

2020-04-06

http://img.mukewang.com/climg/5e8ad44409813dee22961844.jpg

为什么封装jsonp 这里就是 export default

0

0 学习 · 10739 问题

查看课程