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)
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容