使用export将模块中需要暴露给其他模块使用的内容进行导出,再通过import导入需要的内容并使用。
1、模块的概念
ES6中模块的出现,主要是为了解决变量作用域的问题,在js脚本中定义的变量,会成为全局变量,在开发大型项目的时候,容易造成变量命名的冲突,不利于代码的管理。而在模块中定义的变量正好相反,其变量都是模块私有的,只有通过export导出后,才能在其他模块中导入和使用。
2、export的用法
在模块中定义的变量、函数、类都可以通过export导出,匿名函数只能通过export default的方式导出。
2.1、示例
export var fruit = 'apple';
export let name = 'lily';
export const age = 18
export function add(n1,n2){
return n1+n2;
}
function sayHi(name){
console.log('hi,'+name);
}
export sayHi;
export default function minus(){
}
注:一个模块只能有一个默认导出(export default)。
3、import用法
export导出的内容,只有通过import导入后才能使用。
3.1、示例
import {fruit,name} from './demo.js'
//别名
import {add as sum} from './demo.js'
//导入整个模块
import * as demo from './demo.js'
//默认导入
import minus from './demo.js'