es6 class super关键字

最新推荐文章于 2025-02-13 11:37:53 发布

转载最新推荐文章于 2025-02-13 11:37:53 发布 · 96 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yiangli/p/9761877.html

本文深入探讨了super关键字在JavaScript类继承中的应用，包括作为函数调用父类构造方法及作为对象引用父类原型对象或父类本身。通过具体代码示例，详细解释了super在构造函数和普通方法中的不同作用。

super关键字不仅可以当做函数使用，也可以当做对象使用。

1.当函数使用时，通常在子类的constructor即构造方法内

class A{
  constructor(x){
        this.x = x;
    }      
}
class B extends A {
  constructor(x,y){
        super(x);
        this.y = y;
    }      
}

在这里，super()作用是，代表调用了父类的构造方法，函数返回了子类的实例。因为子类的构造方法是根据父类构建的，因此this关键字必须在调用super()函数之后使用，否则会报错。并且，子类构造函数内必须调用super()方法。

2.当做为对象使用时，在普通方法中指向父类的原型对象，在静态方法中指向父类。

class A  {
　　static k (staMsg) {
　　　　console.log('A'+staMsg);
　　}
  constructor(x){
        this.x = x;
  }
　　k () {
　　　　return 9;
　　}      
}
class B extends A {
　　static k (staMsg) {
　　　　super.k(staMsg);//调用父类的k方法，此时父类内部this指向子类
　　}
  constructor(x,y){
        super(x);
        this.y = x;
　　　　　console.log(super.x);//x是父类实例上的属性，所以访问不到
   　　　console.log(super.k); //输出9
　　}             
}