标签:1.4 静态方法 classWrite MakeFoo class 实例 static 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
标签:1.4,静态方法,classWrite,MakeFoo,class,实例,static,Class 来源: https://blog.csdn.net/yingleiming/article/details/118417254
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。