【Es6】关键字之 super、static、new.target_es6语法里面有super吗?-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_48982503/article/details/122439558

本文详细介绍了ES6中的`super`、`static`和`new.target`关键字。`super`在子类中用于调用父类的方法和属性，必须在子类构造函数中调用以初始化`this`对象。`static`关键字用于定义不会被实例继承的静态方法，这些方法直接通过类名调用。`new.target`则用来检测函数是否通过`new`运算符调用，提供对构造函数引用的能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ES6引入了Class（类）这个概念,作为对象的模板,通过class关键字,可以定义类。基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法

1.super关键字

super用在调用的时候有两种情况：

第一种情况，super作为函数调用时，代表父类的构造函数。 第二种情况，super作为对象时，在普通方法中，指向父类的原型对象；在静态方法中，指向父类。


class Person {
  constructor (name) {
    this.name = name;
  }
  height(){
      console.log(1);
  }
  static weight(){
      console.log(2);
  }
}
class Student extends Person {
  constructor (name, age) {
    super();  //代表父类的构造函数
    this.age = age;
  }
  height(){
      super.height(); //指向父类的原型对象
  }
  static weight(){
      super.weight(); //指向父类
  }
}

如果子类调用constructor，那么子类必须在constructor方法中调用super方法，否则新建实例时会报错。这是因为子类没有自己的this对象，而是继承父类的this对象，然后对其进行加工。如果不调用super方法，子类就得不到this对象。

总结下：

super 关键字用于调用一个对象的父对象上的函数。
super.prop 和 super[expr] 表达式在类和对象字面量任何方法定义中都是有效的。
在构造函数中使用时，super关键字单独出现，必须在可以使用this关键字之前使用。此关键字也可用于调用父对象上的函数。

2.static关键字

类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个方法前，加上static关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“ 静态方法”。

静态方法调用直接在类上进行，而在类的实例上不可被调用。

静态方法通常用于创建实用/工具函数。

 <script>

   // 声明类
   class Boy {

      //定义属性
      info = '西邮学子';

      // 定义方法
      static say() {
        console.log('我是,' + this.info);  // 这里的this是类而不是实例
      }
    }

    // 实例化类
    let b = new Boy;
    // 调用方法
    b.say();       // b.say is not a function
  
    Boy.say();     //  我是,undefined

</script>

凡是被static修饰的属性和方法都是静态方法和属性,只能被类名调用,不能被实例化对象调用.同时也不能被子类继承,换句话说它属于当前这个类的。extends的主要用于子类继承父类,继承之后子类拥有父类的的所有方法包括,静态方法和属性除外.

this问题

   // 声明类
   class Boy {
     
      // 定义方法
      static say() {
        console.log(this);
      }
    }
    // 实例化类
    let b = new Boy;

    // 调用方法      
    Boy.say();