ES6 - 类的静态方法和静态属性

一、静态方法

类的所有方法都定义在类的prototype属性上面,所有类中定义的方法都会被实例继承,如果在类方法前面加上static关键字就不会被实例继承了。
静态方法是直接通过类名来调用。

class Person{
	constructor(name="xf",age){
		this.name = name;
		this.age = age;
	}
	static say(){
		console.log("这是静态方法");
	}
}
//通过类名来调用静态方法
Person.say(); // 这是静态方法

静态方法也可以从super继承调用 ,子类调用父类的static方法也只能在静态函数中调用。

class Person{
	constructor(name="xf",age){
		this.name = name;
		this.age = age;
	}
	static say(){
		console.log("这是静态方法");
	}
}
//通过类名来调用静态方法
Person.say(); // 这是静态方法

//子类继承父类
class Child extends Person{
	//这里没写构造函数,那么就是默认有了空的构造函数并且默认调用了super()	
	static tell (){
	return this.say();
	//等同于 return super.say();
	}
}
let child1 = new Child();
Child.tell(); // 这是静态方法
Child.say(); // 这是静态方法
二、静态属性

暂时没有关键字来定义,想要实现的话就在定义完类之后直接在类上添加属性,然后获取的时候通过类名来获取这个属性。

class Person{
	constructor(name="xf",age){
		this.name = name;
		this.age = age;
	}
	static say(){
		console.log("这是静态方法");
	}
}
// 模拟静态属性
Person.type = "这是模拟的静态属性";
//访问静态属性
console.log(Person.type); // 这是模拟的静态属性

较详细的阅读推荐:
https://www.jianshu.com/p/5585412b4575

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值