static与new.target关键字

发表于 2021-07-16 更新于 2023-07-01 分类于成长经历阅读次数：本文字数： 1.7k 阅读时长 ≈ 2 分钟

静态方法如何在类上实现。具有静态成员的类，可以被子类化。什么情况下静态方法可以调用，什么情况下不能调用。new.target 怎么定义的，又用在什么地方？

static

static 在类中定义静态方法。

什么时候能用

看方法里，有没用到this，没用到就可以考虑用静态方法。静态方法通常用于创建实用程序函数，例如，创建或克隆对象。

什么时候不能用

不能在类的实例上调用。

怎么调用

以下几种情况都可调用：

静态方法调用直接在类上进行。

静态方法调用同一个类中的其他静态方法，可使用 this 关键字

class StaticMethodCall {
  static staticMethod() {
    return 'Static method has been called';
  }
  static anotherStaticMethod() {
    return this.staticMethod() + ' from another static method';
  }
}
StaticMethodCall.staticMethod();
// 'Static method has been called'

StaticMethodCall.anotherStaticMethod();
// 'Static method has been called from another static method'

非静态方法中，不能直接使用 this 关键字来访问静态方法。而是要用类名来调用：CLASSNAME.STATIC_METHOD_NAME() ，或者用构造函数的属性来调用该方法： this.constructor.STATIC_METHOD_NAME().

class StaticMethodCall {
  constructor() {
    console.log(StaticMethodCall.staticMethod());
    // 'static method has been called.'
    console.log(this.constructor.staticMethod());
    // 'static method has been called.'
  }
  static staticMethod() {
    return 'static method has been called.';
  }
}

new.target

**new.target**属性允许检测函数或构造方法是否是通过new运算符被调用的。在普通函数（没有被 new 的函数）调用中，new.target 的值是undefined

注意，在类的构造方法中，new.target指向直接被new执行的构造函数。

class A {
  constructor() {
    console.log(new.target.name);
  }
}

class B extends A { 
  constructor() { 
    super(); 
  } 
}

var a = new A(); // logs "A"
var b = new B(); // logs "B"

class C { 
  constructor() { 
    console.log(new.target); 
  } 
}
class D extends C { 
  constructor() { 
    super(); 
  } 
}

var c = new C(); // logs class C{constructor(){console.log(new.target);}}
var d = new D(); // logs class D extends C{constructor(){super();}}

static

什么时候能用

什么时候不能用

怎么调用

new.target

相关链接