模块化导入导出(commomJs和ES6)

模块化导入导出
1.commonJS
两个核心:导入和导出
**moudle.export**
2.ES6
(1) export 导出
方式一:
文件名:aaa.js

 export {
 //方法变量都可以
	  num,
	  flag 
 }

方式二:

 export var num2=1000

方式三:导出函数或类

//函数
export function sum(num1, num2){
	return num1+num2
}
//类
export class Person{
 run(){
 console.log('111')
}

方式四:export default

const addres='西安'
//每个模块只能有一个default导出,导入时可自定义命名
export default addres

(2)import 导入

 import {flag} from 'aaa.js'
 //导入类使用其中方法
 import {Person} from 'aaa.js'
 const p = new Person
 p.run()
 //导入default add为自定义名字,不要大括号代表导入default导出的东西
 import add  from 'aaa.js'
 //统一全部导入info为导入东西的命名
 import * as info  from 'aaa.js'
 //使用
 info.flag

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值