How GC works in JavaScript engine

GCタイミングを理解するために、オブジェクト生存期間とスコープについて簡単に説明します。

Transcript

1. How GC works in JavaScript engine 2018-06-26 @ Roppongi.js #4 ariaki
3. ← Allocated Memory Block
5. Out Of Memory
6. rbage Correction G
7. GC: Mark And Sweep 1. 到達可能なオブジェクトにマークする (Mark Phase)
8. 2. 不要と判断した領域を回収する (Sweep Phase) GC: Mark And Sweep
9. GC: Mark And Sweep - Incremental GC - Stop-the-World しない - Write Barrier - Memory Fence - Concurrent Marking - Parallel Marking - V8 v6.4 (Chrome 64) でかなり高速化した https://v8project.blogspot.com/2018/06/concurrent-marking.html
10. bject Lifecycle
11. Q1：どんな結果になるでしょう？
12. A1： (1) a=null (2) b=Tue Jun 26 2018 20:00:00 GMT+0900 (日本標準時)
13. 【解説】 new Date() Memory var a ( Reference Counter = 1 )
14. 【解説】 Memory var a ( Reference Counter = 2 ) var b
15. 【解説】 Memory var a ( Reference Counter = 1 ) var b ← 到達可能
16. 【解説】 Memory var a ( Reference Counter = 0 ) var b ← 到達不能
17. Q2：どんな結果になるでしょう？
18. A2： (1) a=undefined (2) b=Tue Jun 26 2018 20:00:00 GMT+0900 (日本標準時)
19. Q3：以下のオブジェクトは到達不能？
20. A3： オブジェクトは到達可能
21. 【解説】 inner x inner y var a var b var tmp
22. 【解説】 inner x inner y var a var b var tmp
23. Q4：以下のオブジェクトは到達不能？
24. A4： オブジェクトは到達不能
25. 【解説】 var a var b window
26. 【解説】 var a var b window
27. Q5：GCされないオブジェクトはいくつ？
28. A5：5つ
29. 【解説】 Javascriptでは「関数オブジェクト」なので忘れやすい。
30. ローカルスコープの変数に代入は不要 ※代入コストがかかるため 書かないことを推奨 【解説】
31. 【解説】
32. その他 ※for 文で回す方が大抵 gc よりも低コストになる
33. その他
34. - GC: Mark And Sweep - GC は手動実行できない - root からの到達可能性をチェック - なるべくGCさせない事を意識する - 不要なオブジェクトを生成しない ← タイミングを知る - スコープに注意する - 関数内 var はローカルスコープ - var 指定なしはグローバルスコープ - const / let はブロックスコープ (ES6) - GC対象にするためには - Object に対しては null - Object.property に対しては delete まとめ