什么是静态方法
类相当于实例的原型,所有在类中定义的方法都会被实例继承。如果在方法前面加上 static 关键字,就表示该方法不会被实例继承,而是直接通过类来调用,这就成为"静态方法"
class MakeFoo{
static classMethod(){
console.log('hello');
}
}
//只能通过类来调用
MakeFoo.classMethod();//hello
//在实例中调用报错未定义
let smallF = new MakeFoo();
smallF.classMethod();// Uncaught TypeError: smallF.classMethod is not a function
上面的例子表明,静态方法只能通过类来调用,实例无法继承,如果在实例上调用静态方法,就会抛出错误,表示该方法不存在。
注意,如果静态方法中包含 this 关键字,这个 this 指向的是类,而不是实例。
class MakeFoo{
static classMethod(){
//this 指向类,而不是实例
this.classWrite();
}
static classWrite(){
console.log("hello world!");
}
classWrite(){
console.log("你好,世界!");
}
}
MakeFoo.classMethod();// hello world!
上面的代码中,静态方法classMethod 中 调用了 this.classWrite 方法,这里的 this 指向的是MakeFoo类,而不是MakeFoo的实例,等同于调用了MakeFoo. classWrite。另外,从这个例子可以看出,静态方法可以与非静态方法重名。
父类的静态方法可以被子类继承
class MakeFoo{
static classWrite(){
console.log("hello world!");
}
}
class SmallFoo extends MakeFoo{
}
SmallFoo.classWrite();// hello world!
上面的代码中,父类 MakeFoo有一个静态方法,子类 SmallFoo可以调用这个方法。
静态方法也可以从super对象上来调用
class MakeFoo{
static classWrite(){
return '你好,'
}
}
class SmallFoo extends MakeFoo{
static myWrite(){
console.log(super.classWrite() + 'world')
}
}
SmallFoo.myWrite();// 你好,world
类的静态属性
类的静态属性指的是Class 类本身的属性,即Class.propName,而不是定义在实例对象 this上的属性。
class Foo{}
Foo.method = "GET";
console.log(Foo.method);//GET
上面的写法定义了一个新静态属性 method ,目前只有这种写法可行,因为ES6明确规定,Class 内部只有静态方法,没有静态属性。新提案提供了一个解决方法,就是在实例属性的前面,加上 static 关键字。
class Foo{
static myStaticProp = 41
funs1(){
console.log(Foo.myStaticProp);
}
}
let f1 = new Foo();
f1.funs1();//41