es6模块化

nodejs模块化语法

  • module.exports 导出
  • require 导入

es6模块化语法

通过声明可以使用模块化语法
  • export 导出
  • import 导入

1.基本用法
通过把不同的功能用法的js分开成不同的模块,是的代码可读性高,便于维护;
通过导入,导出,实现调用;

export function add(a,b){
    console.log(a+b);
}
export function show(){
    console.log('show');
}

导出的变量叫什么名字,导入就要叫什么名字;


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};

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);

你可能感兴趣的:(JavaScript)