Java教程

ES6 暴露模块及导入注意事项

本文主要是介绍ES6 暴露模块及导入注意事项,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

学习大神关于ES6的讲解https://es6.ruanyifeng.com/

基础

export与export default均可用于导出常量、函数、文件、模块等

在一个文件或模块中,export、import可以有多个,export default仅有一个

如果一个文件里export了很多函数(常量,变量), 如果你想在目标一次性全部导入模块的所有函数(常量,变量)就可以使用   import * as xxx代表全部

通过export方式导出,在导入时要加{ }(因为export方式需要一一对应,本质上使用了解构),而export default则不需要

export能直接导出变量表达式,export default不行。

 

我的混淆点

1.import * as obj from 'xxx',与 import  from 的区别

export参数指定单个(多个)的命名导出,import {foo,bar} from "xxx",一一对应的引入foo,bar

export参数指定多个的命名导出,而import * as name语法导入所有导出接口,即导入模块整体。

 

如何理解 import * as obj from "xxx" 会将 "xxx" 中所有 export 导出的内容组合成一个模块(对象obj)返回。若模块中包含一个一个接口getList(),则调用时需写obj.getList()

 

2.import * as obj from 'xxx' 与 import {a as obj} from 'xxx'

如何理解  import {a as obj} from 'xxx',这里是将 a 引入的同时重命名为obj。

3.import "xxx" 与 import {foo} from "xxx"

如何理解  import "xxx"  仅仅执行xxx里的代码,而不输入任何值(还不了解具体使用场景为什么要这么写)

 

这篇关于ES6 暴露模块及导入注意事项的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!