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) }
闭包性能
因为闭包会使外层函数作用域中的变量被保存在内存中不被回收,所以如果滥用闭包就会导致性能问题,谨记。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。