如何从其基类或继承类中列出不是实例静态成员的 JavaScript 对象的新成员

发布于08月13日

我不确定如何定义这new member个东西，请查看下面的演示，我想要的是ListNewMemberNames:

代码(demo.html)假定在浏览器中运行

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Var1 Test</title>
</head>
<body>
    <script>
        var1 = {value:7}  /* same as window.var1 = {value:7}*/

        ListMemberNames(window) 
        /* returns: ["__defineGetter__", ... "addEventListener", "alert", ... "var1"] */

        ListNewMemberNames(window)
        /* returns: ["var1"] */
        
        function ListMemberNames(obj){ /* tricks with .hasOwnProperty() or something*/ }
        function ListNewMemberNames(obj){ /* ? */ }
    </script>
</body>
</html>

推荐答案

通常，您不能在JavaScript中动态分析当前(或外部)词法环境(变量名到它们的值的映射).这只可能发生在顶层，因为用var(或根本没有)声明的顶层变量被赋值给窗口--在页面加载开始时判断窗口上存在的属性，将其放入数组中，然后查看后面存在的属性，找出差异.

// always run this first
const properties = Object.getOwnPropertyNames(window);

// then your code does something
var1 = {value:7}

// and it is detectable by doing:
const newPropertiesOnWindow = Object.getOwnPropertyNames(window)
  .filter(prop => !properties.includes(prop));
console.log(newPropertiesOnWindow);

这是可能的，几乎没有--但我想不出有任何好的理由想要这样做.