export与export default详解

export和export default是做什么的呢？

export和export default是用来导出常量、函数、文件、模块的。是ES6语言。

export和export default都要如何使用呢？

export具体使用

设置变量，然后使用export导出

//--------------第一种方式：定义变量与导出分开------------------------------
var one = "export导出"
var two=["AAA","BBB","CCC"]
export { one, two }
//--------------导出与定义变量直接一起写--------------------------------
export var three="直接导出"

在使用该变量的地方引入

import {one,two,three} from "../js/test.js"
//打印
console.log(one+","+two+","+three);

打印的结果为：

特点：

        ① 导出时需要和导入的变量名称相同
        ② 如果导出和定义变量分开，导出时变量名加{}
        ③ 导入的时候变量名必须加{}
        ④ 可以有多个export语句

export default具体使用

其实export default和export的功能是一样的，但是一个文件里面只能有一个export default语句。
export default是把所有{}中所有的内容都赋值给default，然后当我们导入的时候也可以改变名称，但是其实是把所有的default导入了。

先设置需要导出的数据：

var onePart="导出1"
var twoPart="导出2"
var threePart=[{name:"第一个",type:"数组1"},{name:"第二个",type:"数组2"}
]
export default{onePart,twoPart,threePart
}

导入数据

//导入数据
import all from "../js/test.js"
//打印数据
console.log(all)

显示的结果：

特点：
        ① 引入时，可以变成不同的名称
        ② 直接把所有内容都导出
        ③ 引入时，设置的变量名不用加{}
        ④ 只能有一个export default语句

原文地址：https://blog.csdn.net/make_1998/article/details/107116077?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522162659862316780357250767%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=162659862316780357250767&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_v2~rank_v29-8-107116077.first_rank_v2_pc_rank_v29&utm_term=export+%E4%B8%8Eexport+default&spm=1018.2226.3001.4187

export与export default详解相关推荐

OpenWrt之feeds.conf.default详解
文章目录 OpenWrt之feeds.conf.default详解文件内容命令解释 src-svn与src-gitsvn src-git与src-git-full src-cpy与src-link ...
import、require、export、module.exports详解
前言 import ,export default,export遵循 es6 制定的规范 require, module.exports,exports遵循commonjs 制定规范注意事项 mod ...
java export命令_Linux 命令详解（一）export 命令
一.Windows 环境变量 1.在Windows 系统下,很多软件安装都需要配置环境变量,比如安装 jdk ,如果不配置环境变量,在非软件安装的目录下运行javac 命令,将会报告找不到文件,类似 ...
Subline Text默认设置文件Preferences.sublime-settings—Default详解
Subline Text中,点击Preferences,选择Settings - Default 全部属性解析 // While you can edit this file, it's best t ...
public,private,protected,default详解
[一]public,private,protected,default public 作用:可以被该类的和非该类的任何成员访问. 注意:使用public关键字声明的类必须与java文件名保持一致,并且 ...
Java中级——private、default和protect详解
private详解:一个方法可以访问所属类所有实例对象或其外部类的私有部分 a和b都是Person类的对象,a调用equal()方法不仅可以访问自身的this.name还可以访问b.name clas ...
2.ECMAScript6详解
文章目录 ECMAScript6详解 1.ECMAScript6 简介 1.1 ECMAScript 和 JavaScript 的关系 1.2 ES6 与 ECMAScript 2015 的关系 2. ...
（区别、详解、使用）module.exports与exports，export与export default，import 与require
目录导出简介(里面有小细节请仔细阅读) module.exports与exports 1.该js文件要导出的值即为test 2.该js文件要导出的值即为test1和test2 3. 注意这里我是先给 ...
JS ES6中export和import详解
1.Export 模块是独立的文件,该文件内部的所有的变量外部都无法获取.如果希望获取某个变量,必须通过export输出, // profile.js export var firstName = ' ...

export与export default详解

export与export default详解相关推荐

最新文章

热门文章