nodejs模块化语法
- module.exports 导出
- require 导入
es6模块化语法
通过<script type='module'></script>声明可以使用模块化语法
- export 导出
- import 导入
1.基本用法
通过把不同的功能用法的js分开成不同的模块,是的代码可读性高,便于维护;
通过导入,导出,实现调用;
export function add(a,b){
console.log(a+b);
}
export function show(){
console.log('show');
}
导出的变量叫什么名字,导入就要叫什么名字;
<script type="module">
import {add} from './add.js';
import {show} from './show.js';
show();
add(1,6);
</script>
2.通过在最后把想要导出的变量一起导出,使用变量的形式。
function add(a,b){
console.log(a+b);
}
var a = 2;
var b = 'str';
export {add, a, b};
3.通过as关键字,导入与导出变量重命名
function add(a,b){
console.log(a+b);
}
var a = 2;
var b = 'str';
export {add as add1, a as num, b};
<script type="module">
import {add1 as add, num as a, b} from './add.js';
import {show} from './show.js';
show();
add(1,6);
</script>
4.一个模块仅仅只导出一个变量,那么可以不需要导出变量名字,使用默认导出,通过导入时重命名;
export default function change(){
console.log('change');
}
import fun from './change.js';
fun();
5.如果一个模块导出的变量过多,导入的时候书写导入变量过于麻烦,可以使用*号一起导出;
function add(a,b){
console.log(a+b);
}
var a = 2;
var b = 'str';
var c = true;
export {add, a, b, c};
import * as obj from './add.js';
obj.add(1,2);