首页 > 其他 > 详细

export和export default的区别

时间:2020-01-16 13:25:17      阅读:80      评论:0      收藏:0      [点我收藏+]

export和export default的区别
一、export的使用
1.直接输出
export let words = ‘hello world!!!’
export function output() {
  // …
}
2.先定义再输出
复制代码
let firstWords = ‘hello’
let secondWords = ‘world’
let thirdWords = ‘!!!’

function output() {
// …
}

export {firstWords, secondWords, thirdWords, output}
复制代码
二、export default的使用
1.export default 用于规定模块的默认对外接口
2.很显然默认对外接口只能有一个,所以 export default 在同一个模块中只能出现一次
3.export default只能直接输出,不能先定义再输出。

三、二者在 import 方式上区别

(1)export的输出与import输入

export function output() {
// …
}

import {output} from ‘./example’
(2)export default的输出与import输入

export default function output() {
// …
}

import output from ‘./example’
特殊注意,export default 的 import 方式不需要使用大括号包裹。

export和export default的区别

原文:https://www.cnblogs.com/wtsx-2019/p/12200583.html

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