如何檢查 javascript 變量的 memory 分配

Question

var test = [{a:1,b:2}];

test.value = test;

對於上面的代碼，我想看看瀏覽器占用了多少memory。 性能是否有任何副作用（因為遞歸使用測試變量）。 我從gist創建了一個示例 function 但超出了最大堆棧調用。 我只是想了解使用迭代方法的問題。

我知道我們可以修改上面的代碼以使其非遞歸，如下所示：

var test = [{a:1,b:2}];

test.value = [...test];

Answer 1

JS 總是將對象的賦值作為 memory 引用，有很多方法可以只復制對象的值。

這是我最喜歡的

test.value = Object.assign({}, test);

更通用

object_copy = Object.assign({}, object_origin)

該代碼所做的是將原始對象的值合並到一個新對象中，我們將其初始化為空 object {}

Answer 2

嘗試 chrome memory 配置文件快照

我剛剛寫了一個小代碼來檢查您操作過程中 memory 的分配量，並使用 chrome devtool 記錄了 memory 的分配量。

這是我寫的代碼：

 <HTML> <body> <button onclick="startTest()">Start Test</button> </body> <script> function startTest() { var test = [{a:1,b:2}]; test.value = test; } </script> </html>

當按鈕單擊時 startTest() function 運行。

於是我開始記錄 memory 分配並按下Start Test按鈕，結果如下：

圖片中的藍色細線顯示為變量test分配的 memory 很快被垃圾收集器釋放。 這意味着不存在遞歸或任何 memory 分配問題。

如何檢查 javascript 變量的 memory 分配

問題描述

2 個解決方案

解決方案1
0 2020-06-21 07:30:23

解決方案2
0 2020-06-21 07:48:28

如何檢查 javascript 變量的 memory 分配

問題描述

2 個解決方案

解決方案1 0 2020-06-21 07:30:23

解決方案2 0 2020-06-21 07:48:28

解決方案1
0 2020-06-21 07:30:23

解決方案2
0 2020-06-21 07:48:28