javascript中的构造函数如何定义静态方法？

Question

参考： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object

所以 Object 是一个构造函数，在这里我看到定义了两种类型的方法 -

1. 静态方法 - Object.create()、Object.assign() ...
2. 实例方法 - Object.prototype.hasOwnProperty() ...

我了解如何定义和使用实例方法，但不了解静态方法 -

function Person() { }

Person.prototype.greetInstance = function () { return 'Hello!' };

let p1 = new Person();
console.log(p1.greetInstance()) // Hello!
console.log(Person.greetStatic()) // where should I define so this works ?? ????‍♂️

谁能解释一下如何定义greetStatic()？

Answer 1

静态属性或方法只是在对象本身而非原型上定义的属性和方法。

function Person() { }

Person.greetStatic = function() { return 'Static hello!' }
Person.prototype.greetInstance = function () { return 'Hello!' };

let p1 = new Person();
console.log(p1.greetInstance()) 
console.log(Person.greetStatic()) 

使用class 语法可能有助于更清楚地说明这一点，因为您可以在其中使用static 关键字。这只是语法糖，他的结果会完全一样。

class Person {
  static greetStatic() {
    return 'Static hello!';
  }
  
  greetInstance() {
    return 'Hello!';
  }
}

let p1 = new Person();
console.log(p1.greetInstance()) 
console.log(Person.greetStatic())