Question

我在这里尝试使用Object.getOwnPropertyDescriptor探索有关对象属性的更多信息。但是当我使用非静态方法时，我没有得到任何回应。我不知道这背后的原因是什么。

当我使用getName方法非静态时输出 - 未定义

class abc {
    getName() {
    return 'abc class name'
  }
}

console.log(Object.getOwnPropertyDescriptor(abc, 'getName'))

当我使用getName方法静态时 output - Object {writable：true，enumerable：false，configurable：true}

class abc {
    static getName() {
    return 'abc class name'
  }
}

console.log(Object.getOwnPropertyDescriptor(abc, 'getName'))

Answer 1

这是因为在您的第一个场景中，getName()是abc类型的对象方法的实例：

let a = new abc();
a.getName() //'abc class name'

在第二种情况下，使用static关键字创建一个类方法：

abc.getName() //'abc class name'

仅在第二种情况下，getName设置为ownProperty的{{1}}。在第一种情况下，abc上提供了getName。

Answer 2

原因非静态方法是原型的一部分：

Object.getOwnPropertyDescriptor(abc.prototype, 'getName')

如您所知，类语法只是语法上的shugar：

function abc(){
  //the constructor goes here
}

abc.someStatic = 1;

abc.prototype = {
  getName(){
    //...
  }
};