为何实例属性与箭头方法不在Test.prototype的getOwnPropertyNames结果中？

示例代码 #

class Test {
    static staticProperty = `static property`;
    static staticMethodArrow = () => console.log(`static method arrow`);
    static staticMethodTraditional() {
        console.log(`static method traditional`);
    }
    
    instanceProperty = `instance property`;
    instanceMethodArrow = () => console.log(`instance method arrow`);
    instanceMethodTraditional() {
        console.log(`instance method traditional`);
    }
}

现象差异 #

执行Object.getOwnPropertyNames(Test)时，返回结果符合预期，包含所有静态成员：

['length', 'name', 'prototype', 'staticMethodTraditional', 'staticProperty', 'staticMethodArrow']

但执行Object.getOwnPropertyNames(Test.prototype)时，实际结果仅为：

['constructor', 'instanceMethodTraditional']

与预期的包含所有实例成员不符。

一、为什么Test.prototype不包含所有实例成员？ #

这是因为类中两种实例成员的定义逻辑完全不同：

• 传统实例方法（instanceMethodTraditional()）：这种写法会直接将方法挂载到类的prototype对象上，属于原型共享成员，所以能通过Object.getOwnPropertyNames(Test.prototype)检测到。
• 类字段语法定义的成员（instanceProperty、instanceMethodArrow）：这类成员的初始化逻辑是在类的构造阶段执行的——当你调用new Test()时，这些代码会被运行，并将成员直接添加到新创建的实例对象自身上，而不是挂载到原型。因此它们不会出现在Test.prototype的属性列表里。

二、不实例化的前提下如何获取所有实例成员名称？ #

JS原生没有提供直接API来获取未实例化类的实例字段列表，但可以通过静态解析类源码的方式实现：

1. 先获取类的源代码字符串
2. 用正则匹配出类体中排除静态成员的实例字段
3. 再合并原型上的实例方法

示例代码：

// 获取类的源代码
const classSource = Test.toString();

// 匹配类体中的实例字段（排除static开头的静态成员）
const instanceFieldMatches = classSource.match(/^\s*(?!static\s+)([a-zA-Z_$][a-zA-Z0-9_$]*)\s*=/gm);
const instanceFields = instanceFieldMatches ? instanceFieldMatches.map(line => line.trim().split('=')[0].trim()) : [];

// 获取原型上的实例方法（排除constructor）
const prototypeInstanceMethods = Object.getOwnPropertyNames(Test.prototype)
  .filter(name => name !== 'constructor');

// 合并去重，得到所有实例成员名称
const allInstanceMemberNames = [...new Set([...instanceFields, ...prototypeInstanceMethods])];

console.log(allInstanceMemberNames);
// 输出: ['instanceProperty', 'instanceMethodArrow', 'instanceMethodTraditional']

注意：这种方法依赖类源码的格式规范，如果类代码被压缩、混淆或有特殊写法（比如多行定义的字段），正则可能需要调整。

内容的提问来源于stack exchange，提问作者RobertAKARobin