es6 类的导出、引入以及继承

本文详细介绍JavaScript中模块的导出与导入语法,包括export、import关键字的使用,类的继承,以及解决模块名称冲突的方法。并通过具体示例演示整体导入、类的使用及子类对父类的继承。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

导出的关键字 : export + 类名
	举例:
		export class Name {...}
	

	
导入的关键字: import { 类名或模块名称 } from 文件相对地址
	举例:
		import { Name, Location } from './userinfo';
		


对于导入模块名称重复的处理:
	重命名: import { 类名 as 新类名 } from 文件相对地址
	举例:	
		import { Name } from './userInfo';
		import { Name as DepartmentName } from './departmentInfo';



整体导入:
	通过关键字 * 整体导入所有允许导入的类,调用时通过.属性名的方式访问
	举例:
		import * as info  from './userinfo';
		name = new info.Name();
		age = new info.Age();		
		


类的继承
	export class Name {
		name;
		// 构造函数中初始化数据
		constructor(name) {
			this.name = name;
		}
		// 对外开放的访问方法
		getName() {
			console.log(`My Name Is ${this.name}`);
		}
	}
	
	通过super关键字,子类可以继承父类的构造,构造参数 以及 
	import { Name } from './userinfo';
	export class UserInfo extends Name {
		age;
		constructor(name, age) {
			super(name);
			this.age = age;
		}
		getUserInfo() {
			super.getName();
			console.log('My Age Is ${this.age}');
		}
	}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值