了解javascript中的modules、import和export
modules:必须写在<script type="module" src="index.js"></script>
import:必须引用export的
import { sum, difference, product, quotient } from './functions.js'
别名
import {
sum as add,
difference as subtract
} from './functions.js'
模块名
import * as mathFunctions from './functions.js'
调用mathFunctions.sum
module还可以这样用
// 命名导入/导出
export const name = 'value'
import { name } from '...'
// 默认导出/导入
export default 'value'
import anyName from '...'
// 重命名导入/导出
export { name as newName }
import { newName } from '...'
// 命名 + 默认 | Import All
export const name = 'value'
export default 'value'
import * as anyName from '...'
// 导出列表 + 重命名
export {
name1,
name2 as newName2
}
import {
name1 as newName1,
newName2
} from '...'
上一篇: js基础巩固
下一篇: JS中的一些常用基础算法介绍
推荐阅读
-
一篇文章带你了解JavaScript中的变量,作用域和内存问题
-
一文让你彻底搞清楚javascript中的require、import与export
-
ES6中export和import详解(export定义了模块的对外接口后,其他JS文件就可以通过import来加载这个模块)
-
了解javascript中let和var及const关键字的区别
-
一篇文章带你了解JavaScript中的变量,作用域和内存问题
-
JavaScript ES6中export、import与export default的用法和区别
-
一文让你彻底搞清楚javascript中的require、import与export
-
详解javascript中的require、import和export
-
深入了解JavaScript中的浅拷贝和深拷贝
-
比较Javascript中import和require的区别