export与export default和import之间的区别和用法

来源:07素材网 12月25日 20:26
export【导出】和import【导入】是ES6模块主要的两个功能,export与export default均可用于导出常量、函数、文件、模块等。

在index.js文件中代码是
export userInfo1= {
    name: "秋林",
    sex: "男",
    birthday: "2000"
}

export userInfo2= {
    name: "小红",
    sex: "女",
    birthday: "2000"
}

export default userInfo= {
    name: "松子",
    sex: "男",
    birthday: "2000"
}
那么通过import导入有以下2中形式

import userInfo from "/.index.js" 
import {userInfo1,userInfo2} from "/.index.js" 

在导入时变量名称没有花括号的是导入文件中中默认export default部分,所以变量名可以任意定义,可以将userInfo定义成其他名称如:user;而在导入时带有花括号的变量必须与文件中不是export default部分的变量一至,导出多个变量可以通过逗号将变量分隔,所以在一个文件或模块中,export、import可以有多个,export default只有一个。

原文出处:
版权声明:本文来源地址若非本站均为转载,若侵害到您的权利,请及时联系我们,我们会在第一时间进行处理。

头条

在使用SQLite3时遇到的几个坑

在使用SQLite3时遇到的几个坑

《本打算在SQLite3数据库里执行一个查询语句,使用的是php语言,起初遇到的是权限问题: permission denied,因为SQLite3数据库文件和PHP执行者属于两个不同的用户,首先需要对这个文件执行mode 777的权限开放,然后,又遇到了下面这样的PHP错误