您好,欢迎访问代理记账网站
移动应用 微信公众号 联系我们

咨询热线 -

电话 15988168888

联系客服
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

1.4 Class类的静态方法

什么是静态方法

类相当于实例的原型,所有在类中定义的方法都会被实例继承。如果在方法前面加上 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

分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进