跳转至

默认导出和命名导出

默认导出和命名导出是编程中模块导出的两种基本类型,它允许将函数,对象或者原始值从模块中进行导出,然后在另外一个模块中引入使用。

一,默认导出
1,定义

默认导出是,在一个模块中,只能有一个导出项,这个导出项可以是函数,对象,类,字符串,数字等各种类型的值

2,语法
const logFun = function() {
    console.log('测试一下')
}
export default logFun;
3,导入

在导入时,可以不使用花括号并且名字也是可以自定义的

import logFun from './xxx'
logFun()// 输出'测试一下'

或者使用自定义名字

import funName from './xxx'
funName()// 输出'测试一下'
二,命名导出
1,定义

命名导出允许一个模块导出多个值,每个值都有一个名称,这些值可以是类,函数,对象等等

2,语法
const logFun = function(){
    console.log('测试一下')
}
export {logFun}
3,导入

在导入时,需要使用花括号,并且需要明确的支出导入的值的名称,例如:

import {logFun} from './xxx'
logFun()//输出'测试一下'