es6中export和import简介

export和import是es6模块两个导出导入命令，一个模块就是一个独立的文件。、

首先我们先来看看export命令：

1.对于变量的导出有两种方式：

（1）export var num = 10；

         export let yourName = ‘liu’；

　　export const length= 100；

（2）var num = 10；

　　let yourName = ‘liu’；

　　const length= 100

export {num，yourName，length}

 

2.输出函数和类

（1）export function cal（x，y）{

 return x*y；

}

对外输出一个cal函数

（2）function fn1（）{}

function fn2（）{}

export {fn1，fn2}、

 

然后我们来看看import命令

(1)import {first Name，secondName} from ‘xxxx’

import命令接受一对大括号，里面指定要从其他模块导入的变量名。大括号里面的变量名，必须与被导入模块的对外接口的名称相同。

 

第三个模块的整体加载

除了指定加载某个输出值，还可以使用整体加载，即用星号（*）指定一个对象，所有输出值都加载在这个对象上面

//circle.js文件

export function area(radius) {
  return Math.PI * radius * radius;
}

export function circumference(radius) {
  return 2 * Math.PI * radius;
}

// main.js

import * as circle from './circle';

console.log('圆面积：' + circle.area(4));
console.log('圆周长：' + circle.circumference(14));