JS闭包原理及其使用场景解析
闭包定义
可以通过内层函数访问外层函数的作用域的组合叫做闭包。
闭包使用场景
使用闭包来实现防抖
functiondebounce(callback,time){
vartimer;
returnfunction(){
if(timer){
clearTimeout(timer)
}
timer=setTimeout(()=>{
callback()
},time)
}
}window.onresize=debounce(()=>{console.log(666)},500)
使用闭包设计单例模式
classCar{
constructor(color){
this.color=color
}
}
varproxy=(functioncreateCar(){
varinstance;
returnfunction(color){
if(!instance){
instance=newCar(color)
}
returninstance
}
})()
varcar=proxy('white')
使用闭包遍历取索引值（古老的问题）
for(vari=0;i<10;i++){
setTimeout(function(){console.log(i)},0)//10个10
}
for(vari=0;i<10;i++){
(function(j){
setTimeout(function(){console.log(j)},0)//0-9
})(i)
}
闭包性能
因为闭包会使外层函数作用域中的变量被保存在内存中不被回收，所以如果滥用闭包就会导致性能问题，谨记。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。