为了账号安全,请及时绑定邮箱和手机立即绑定

常见的内存泄露

标签:
JavaScript

js垃圾回收的方式:1、标记清楚。 2、引用计数

1、 意外的全局变量

function foo(arg) {
    bar = "this is a hidden global variable";
}// 实际上是function foo(arg) {    window.bar = "this is an explicit global variable";
}// 偶然创建全局变量function foo() {    this.variable = "potential accidental global";
}

以上变量再非严格模式下都会挂载到window下面, 即使函数执行完毕也不会销毁变量,所以造成内存泄露。
解决办法: 这种写法在严格模型'use strict';下面会抛出异常, 此外严格模式还可以避免错误。  所以项目中应该使用严格模式

2、被遗漏的定时器和回调函数

// 被遗漏的定时器const someResource = getData();
setInterval(function() {    var node = document.getElementById('Node');    if(node) {        // Do stuff with node and someResource.
        node.innerHTML = JSON.stringify(someResource));
    }
}, 1000);// 被遗漏回调函数var element = document.getElementById('button');function onClick(event) {
    element.innerHtml = 'text';
}
element.addEventListener('click', onClick);
element.removeEventListener('click', onClick);
element.parentNode.removeChild(element);

3、DOM 之外的引用

var elements = {    button: document.getElementById('button'),    image: document.getElementById('image'),    text: document.getElementById('text')
};function doStuff() {
    image.src = 'http://some.url/image';
    button.click();    console.log(text.innerHTML);    // Much more logic}function removeButton() {    document.body.removeChild(document.getElementById('button'));
}

4、闭包

var theThing = null;var replaceThing = function () {  var originalThing = theThing;  var unused = function () {    if (originalThing)      console.log("hi");
  };
  theThing = {    longStr: new Array(1000000).join('*'),    someMethod: function () {      console.log(someMessage);
    }
  };
};
setInterval(replaceThing, 1000);



作者:EdmundChen
链接:https://www.jianshu.com/p/f046c59d27e5


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消