ES6-Module

1、常规导出

(1)分开导入导出

	export xxx;
	import {xxx} from "path";

(2)一次性导入导出

	export {xxx, yyy, zzz};
	import {xxx, yyy, zzz} from "path";

如果想修改接收变量名,可以通过 xxx as newName方式,变量名被修改后,原有变量名自动失效。
a.js

	let name = "lnj";
	export {name};
	let age = 33;
	export {age};

index.js

	import {name} from "./a.js";
	
	import {name, age} from "./a.js";

修改变量名:

	import {name as str} from "./a.js";

2、默认导入导出

	export default xxx;
	import xxx from "path";

注意点:
一个模块只能使用一次默认导出, 多次无效。
默认导出时, 导入的名称可以和导出的名称不一致。

	let name = "lnj";
	let age = 33;
	function say() {
	    console.log("hi");
	}
	export {name, age, say};
	
	class Person {
	    constructor(){
	        this.name = "zs";
	        this.age = 18;
	    }
	}
	export default Person;

index.js

	// 两种方式混合使用
	import Person,{name, age, say} from "./c.js";
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值