console.log 会导致内存泄漏吗

最新推荐文章于 2024-08-13 19:01:42 发布

和谐创新

最新推荐文章于 2024-08-13 19:01:42 发布

阅读量858

点赞数 9

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/hexiechuangxin/article/details/136105217

版权

文章讨论了console.log在Node.js和浏览器环境中是否会导致内存泄漏，指出在浏览器中打印大量对象可能导致内存泄漏，但在Node.js中则无需担心。同时提到开发环境可以随意使用console.log，但在生产环境中可通过打包工具如Vite和terser去除console.log以优化性能。

摘要由CSDN通过智能技术生成

console.log 会导致内存泄漏吗

经常看到一些文章说 console.log 会导致内存泄漏，这是真的吗？那以后是不是不能用 console.log 了？

这些说法多少有些以偏概全。先说结论：

nodejs 中 console.log 不会导致内存泄漏
浏览器中使用 console.log 打印对象时，会导致内存泄漏（无论打不打开开发者工具）
少量的内存泄漏根本就不在乎，如果是循环中打印大量的对象，就要注意了

打印基本类型的数据时肯定不会造成内存泄漏。而在浏览器控制台打印对象时，由于需要保存对象的引用（以便随时查看对象的详细信息），因此表面上我们在程序中不再使用这个对象，但是控制台中还有这个对象的引用，导致对象无法被回收，从而造成内存泄漏。

<body>
  <button>打印</button>

  <script>
    const btn = document.querySelector('button')
    btn.addEventListener('click', () => {
      // 大概 4MB 大小的数组
      console.log(new Array(1024 * 1024).fill(0))
    })
  </script>
</body>

上面代码中，每次点击按钮都会打印一个 4MB 大小的数组，打开浏览器任务管理器（shift + Esc），观察网页所占用的内存，
可以看到，不管打不打开浏览器开发者工具，内存都会持续增长，这就是内存泄漏。

那以后到底用不用 console.log 呢？其实很简单，开发环境用无所谓，生产环境借助打包工具自动帮助我们删除代码中的 console.log 即可。

以 vite 为例，只需要安装 terser，并在 vite.config.js 中配置 build 选项即可：

export default {
  build: {
    minify: 'terser',
    terserOptions: {
      compress: {
        // 删除 console 语句
        drop_console: true,
        // 删除 debugger
        drop_debugger: true,
      },
    },
  },
}