ES6中static关键字使用_es6 static get

2401_86436648

于 2024-09-05 12:50:35 发布

阅读量342

点赞数 4

文章标签： es6 前端 javascript

本文链接：https://blog.csdn.net/2401_86436648/article/details/141928062

版权


结果


![](https://img-blog.csdnimg.cn/img_convert/46983f466d48e15950caa38b05142914.png)


当我们再次声明一个使用static修饰的方法,使用实例化对象之后,你会发现

// 声明类
class Boy {
//定义属性
info = ‘见过你的美,还能爱上谁?’;
// 定义方法
say() {
console.log(‘小姐姐,’ + this.info);

}
// static 修饰的方法
static desc() {
console.log(‘小姐姐,我看见你就犯困…’);

}
}
// 实例化类
let b = new Boy;
// 成功调用方法
//b.say();
// 调用static修饰的方法
b.desc();


代码竟然报错了!!!这个方法不能被实例化后的对象调用


![](https://img-blog.csdnimg.cn/img_convert/6525d366b4ef3b9f41c3bd651b0deea5.png)


不要着急,来来让我们一起揭开static神秘的面纱


**敲黑板了,凡是被static修饰的属性和方法都是静态方法和属性,只能被类名调用,不能被实例化对象调用.同时也不能被子类继承,换句话说它属于当前这个类的**.


![](https://img-blog.csdnimg.cn/img_convert/e751e6aeb0795d4ca6fd0f9439038faf.png)


#### **基本使用**


使用static修饰属性和方法

class A {
  // 静态属性
  static info = '见过你的美,还能爱上谁?';
  // 静态方法
  static love() {
    console.log('小姐姐,看见你就犯困,为情所困,为你所困!');

}
}
// 直接使用类名调用
console.log(A.info);
A.love();


结果


![](https://img-blog.csdnimg.cn/img_convert/8e8206bf47998f1575db37b53b76fa07.png)


在普通的方法中使用,静态属性和静态方法,也必修使用类名进行调用

class A {
// 静态属性
static info = ‘见过你的美,还能爱上谁?’;
// 静态方法
static love() {
console.log(‘小姐姐,看见你就犯困,为情所困,为你所困!’);

}
// 普通方法,调用静态属性
say() {
console.log(‘小姐姐,’ + A.info);

}
}


![](https://img-blog.csdnimg.cn/img_convert/1f8217e3f7af83d37097cb1a5558e194.png)


也可以在普通方法中修改静态属性的值,使用类名直接调用即可


#### **能被继承**


extends的主要用于子类继承父类,继承之后子类拥有父类的的所有方法包括,静态方法和属性除外.

class A {
// 静态属性
static info = ‘见过你的美,还能爱上谁?’;
// 静态方法
static love() {
console.log(‘小姐姐,看见你就犯困,为情所困,为你所困!’);

}
// 普通方法,调用静态属性
say() {
console.log(‘小姐姐,’ + A.info);

}
}
class B extends A {
run() {
console.log(‘类B的方法…’);
}
}
//使用类名父类中普通方法调用
B.love();


![](https://img-blog.csdnimg.cn/img_convert/f7f2a42f98eebf6de4feb05739c9b1ed.png)


#### **注意点**


**如果静态方法包含this关键字，这个this指的是类，而不是实例。**

class A {
  // 静态属性
  static info = '见过你的美,还能爱上谁?';
  // 静态方法
  static love() {
    //  console.log('小姐姐,看见你就犯困,为情所困,为你所困!');
    console.log(this);

    // 静态类中调用普通方法
    this.say();

  }
  // 普通方法,调用静态属性
  say() {
    console.log('小姐姐,' + A.info);

  }
}

A.love();


![](https://img-blog.csdnimg.cn/img_convert/c78a8a340629f575b7caa547cba3f283.png)


分析:


上面代码中，静态方法`love`调用了`this.say()`，这里的`this`指的是`A`类，而不是`A`的实例，等同于调用`A.say()`。


静态方法和普通方法是可以重名的,因为他们不属于同一个对象,像这样!

class A {
// 静态属性
static info = ‘见过你的美,还能爱上谁?’;
// 静态方法
static love() {
console.log(‘小姐姐,看见你就犯困,为情所困,为你所困!’);
// console.log(this);

}
// 普通方法,love
love() {
console.log(‘我是普通方法…’);

}
// 普通方法,调用静态属性
say() {
console.log(‘小姐姐,’ + A.info);

}