js闭包/内存泄露案例/查看在v8下内存泄露

是泡沫呀

已于 2022-02-20 19:20:22 修改

阅读量276

点赞数

分类专栏：前端三剑客文章标签： javascript 前端 chrome 函数闭包内存泄漏

于 2022-02-20 19:18:56 首次发布

本文链接：https://blog.csdn.net/qq_51657072/article/details/123034430

版权

前端三剑客专栏收录该内容

15 篇文章 1 订阅

订阅专栏

一、直接上代码

二、如何验证

v8是什么看这里

浏览器工作原理和V8引擎_ispaomoya博客-CSDN博客

一、直接上代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>内存泄露</title>
</head>

<body>
    <script>
        function fun() {
            let arr = new Array(1024 * 1024).fill(1)
            // 这里形成一个闭包
            return function () {
                console.log(arr.length);
            }
        }
        // 这是为过程一：为了看到效果，这里延迟执行
        let n = []
        for (let i = 0; i < 100; i++) {
            setTimeout(() => {
                n.push(fun())
            }, i * 100)

        }
        // 这里为过程二：这里延迟删除，会发生什么？
        // v8会根据自己的垃圾回收时间，在某个时间一次性删除没有引用的
        setTimeout(() => {
            // 这里写了50，上面是push了100，那么就是回收一半
            for (let i = 0; i < 50; i++) {
                setTimeout(() => {
                    n.pop()
                }, i * 100)
            }
            // n = null//如果直接设为null，那么在某个时间段直接降下来
        }, 20000)

    </script>
</body>

</html>

二、如何验证

打开谷歌浏览器，按f12，点击performonce，点击左上角灰暗的实心圆形，录制30秒

（录制一开始后，这里建议右键点击谷歌浏览器左上角刷新按钮，选择清空缓存）

是泡沫呀

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js闭包/内存泄露案例/查看在v8下内存泄露

目录一、直接上代码二、如何验证一、直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-.
复制链接

扫一扫