JavaScript --class类的用法

JavaScript 语言中,生成实例对象的传统方法是通过构造函数,ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。

类的定义

class Person{
			constructor(username,password) {
			    this.username = username;
				this.password = password;
			}
			getstr(){
				console.log("用户名:"+this.username + "密码:" + this.password);
			}
		}
		const p1 = new Person('123456','789012');
		p1.getstr();

说明:使用class关键词 声明类,constructor为构造方法,一个类必须有constructor()方法,如果没有显式定义,一个空的constructor()方法会被默认添加,this关键字则代表实例对象,getstr()为普通方法,不要用“function”,getstr()存在 prototype上。

p1.constructor === p1.prototype.constructor // true

static静态成员

类相当于实例的原型,所有在类中定义的方法,都会被实例继承。如果在一个方法前,加上static关键字,就表示该方法不会被实例继承,而是直接通过类来调用,这就称为“静态方法”。

class Person{
			static realname = '手机';
			static play(){
				console.log("会玩游戏!");
			}
		}
		const p1 = new Person();
		console.log(p1.realname);//undefined
		Person.play();//会玩游戏

继承extends

Class 可以通过extends关键字实现继承,让子类继承父类的属性和方法。

ES6 规定,子类必须在constructor()方法中调用super(),否则就会报错。

除了私有属性,父类的所有属性和方法,都会被子类继承,其中包括静态方法。私有属性前面加#;

class Student{
				constructor(realname,age) {
					this.realname = realname;
					this.age = age;
				}
				play(str){
					console.log("我会玩" + str) ;
				}
				jump(){
					console.log("我可以跳高");
				}
			}
			
			class ItStudent extends Student{
				constructor(realname,age,major) {
				    super(realname,age);
					this.major = major;
				}
				
				program(type){
					console.log("我会编程的语言是:"+type);
				}
				
			}
			
			const It1 = new ItStudent("张三",13,'大数据');
			console.log(It1.realname);

调用私有属性

#p=1;
getp(){
	return this.#p;
}

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值