如何列出 JavaScript object 的“新”成員，該成員不是來自其基礎或繼承的 class 的實例/靜態成員？

Question

我不確定如何定義這個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>

Answer 1

通常，您不能在 JavaScript 中動態分析當前（或外部）的詞法環境（變量名到它們的值的映射）。 這只能在頂層實現，因為用var聲明的頂層變量（或什么都沒有）被分配給 window - 在頁面加載開始時檢查 window 上存在的屬性，將其放入一個數組，然后查看它上面存在的屬性，然后找出不同之處。

 // 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);

幾乎可以做到，但我想不出任何好的理由要這樣做。

如何列出 JavaScript object 的“新”成員，該成員不是來自其基礎或繼承的 class 的實例/靜態成員？

問題描述

1 個解決方案

解決方案1
0 2022-08-13 04:57:41

如何列出 JavaScript object 的“新”成員，該成員不是來自其基礎或繼承的 class 的實例/靜態成員？

問題描述

1 個解決方案

解決方案1 0 2022-08-13 04:57:41

解決方案1
0 2022-08-13 04:57:41