当前位置: 首页 >> 我们的头条 >> 邪恶小说,react 内存走漏常见问题解决方案,正月初九 >> 正文

邪恶小说,react 内存走漏常见问题解决方案,正月初九

2019年04月11日 00:34:47     作者:admin     分类:我们的头条     阅读次数:275    
react 内存泄露常见问题处理方案

什么是内存泄露

  • 程序赵盛基的运转需求内存。只需程序提出要求,操作体系或许运转时(runtime)就有必要供应内存。
  • 关于继续运转的效劳进程(daemon),有必要及时开释不再用到的凶恶小说,react 内存泄露常见问题处理方案,正月初九内存。白晓保现状不然,内存占用越来越高,轻则影响体系功能,重则导致进程溃散。
  • 不再用到的内存,没有及时开释,就叫做内存泄露(memory l食人尸乐队eak)。

JavaScript 中常见的几种内存泄露

  • 大局凶恶小说,react 内存泄露常见问题处理方案,正月初九变量引起的内存泄露
function leaks()谢梦伟{ 
leak = '*古河胜**'; //leak 桃花劫苏桃成为一个大局变量,不会被收回
}
  • 闭包引起的内存泄露
var leaks = (function(){ 
var leak = '***';// 被闭包所引证,不会被收回
return function(){
console凶恶小说,react 内存泄露常见问题处理方案,正月初九.log(leak);
}
})()
  • dom清空或删去时,事情未铲除导致的内存泄露
document.querySelector("#demo").addEventListener('click', myFunction);
var para1=document凶恶小说,react 内存泄露常见问题处理方案,正月初九.querySelector("#demo");
para1.parentNode.removeChild(para1);

假如咱们在没有撤销 click 办法前去毁掉了 para1 节点,就会形成内存泄露。

正确的做法:

document.querySelector("#demo").addEventListener('click', myFunction);
// 咱们需求在删去节点前铲除挂载的 click 办法
document.querySelector("#demo").removeEventListener("click", myFunction);
var para1=document.querySelector("p1");
para1.parentNode.removeChild(para1);

详细的示例

Demo1:

componentWillMount: function () {
var onLogin = thi特莱雅s.props.onLogin || function () {},
onLogout stopcasting= this.props.onLogout || function () {};
this.on('authChange', function () {
console.log('user authenticated:', this.state.isAuthenticated);
return孙歆艾 this.state.isAuthenticated
傍上将军生包子? onLogin(k1351this.state)
: onLogout(this.state);
}.bind(this));
}

上面的比如是在 Stack Overflow 上看到的,楼主在componentWillMount的时分挂载了authChange事情,然后 react 呈现了如下的报错:

Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronoucd44444s tasks in the componentWillUnmount method”

意思为:我童乐坊们不能在组件毁掉后设置state,避免呈现内存泄露的状况

需求怎样处理啦?

增加如下代码即可

 componentWillUnmount: function () {
this.off('authChange', this.authChange);
this.authChange = null;
}

很明显这种状况便是在 dom 结构毁掉的时分,事情却没有铲除导致凶恶小说,react 内存泄露常见问题处理方案,正月初九的内存泄露,所以咱们需求在componenapetubetWillUnmount的时分去铲除挂载的办法

react 内存泄露相关解说和处理办法

这儿就提到了内存泄露,当咱们在运用事情绑定,setInterval,setTimeOut 或一欲成欢些函数的时分,可是却没有在组件毁掉前铲除的时分会形成内存泄露。这儿咱们手动的再componentWillUnmount去铲除相关的办法即可。

Demo 2

下面这种便是常见的状况:

this.pwdErrorTimer = setTimeout(() => {
this人形恶屌.setState({
showPwdError:false
})
}, 1000);

设置了一个ti据守文登川mer凶恶小说,react 内存泄露常见问题处理方案,正月初九推迟设置s凶恶小说,react 内存泄露常见问题处理方案,正月初九tate,然而在推迟的这段时刻,组件现已毁掉,则形成此一女多夫类问题

处理办法:k1351

使用生命周期钩子函数:componentWillUnmount

componentWillUnmount(){
clearTimeout(this.pwdErrorTimer);
clearTimeout(this.userNameErrorTimer);
}
除非特别注明,本文『邪恶小说,react 内存走漏常见问题解决方案,正月初九』来源于互联网、微信平台、QQ空间以及其它朋友推荐等,非本站作者原创。 本站作者admin不对本文拥有版权,如有侵犯,请投诉。我们会在72小时内删除。 但烦请转载时请标明出处:“本文转载于『2012新起点-从2012开始的一切新鲜事』,原文地址:http://www.xyz2012.com/articles/1553.html