export和export default的区别

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 方式不需要使用大括号包裹。

声明:该文章系转载,转载该文章的目的在于更广泛的传递信息,并不代表本网站赞同其观点,文章内容仅供参考。

本站是一个个人学习和交流平台,网站上部分文章为网站管理员和网友从相关媒体转载而来,并不用于任何商业目的,内容为作者个人观点, 并不代表本网站赞同其观点和对其真实性负责。

我们已经尽可能的对作者和来源进行了通告,但是可能由于能力有限或疏忽,导致作者和来源有误,亦可能您并不期望您的作品在我们的网站上发布。我们为这些问题向您致歉,如果您在我站上发现此类问题,请及时联系我们,我们将根据您的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。