ES6的模块化实现

1、导出方式一

bbb.js引用aaa.js中的变量

aaa.js

var flag = true;  
export { flag }

bbb.js

import { flag } form "aaa.js"

2、导出方式二

aaa.js

export var num1 = 1000;

bbb.js

import { flag } form "aaa.js"

3、导出函数/类

aaa.js

export function mul (num1,num2){
  return num1 * num2
  }
export class Person{
  run(){
    console.log('running')
  }
}

bbb.js

import {mul,Person} from "./aaa.js"

类的用法:
const p = new Person();
p.run();

4、export default(在同一个模块中不允许存在多个)

有些情况下,一个模块中包含某个功能,我们并不希望给这个功能命名,而且让导入着可以自己来命名,这个时候就可以使用export default

5、统一全部导入

bbb.js

import * as aaa from './aaa.js'

引用时:

console.log(aaa.flag)

你可能感兴趣的:(ES6的模块化实现)