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)
}
闭包性能
因为闭包会使外层函数作用域中的变量被保存在内存中不被回收,所以如果滥用闭包就会导致性能问题,谨记。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
热门推荐
1 训练狗狗基础
2 怎么训练狗狗笑
3 怎么训练狗狗卧下
4 上海狗狗训练基地
5 训练狗狗排便
6 狗狗基础训练
8 如何训练狗狗装死
9 狗狗站姿训练
10 狗狗训练用品
11 训练狗狗吧
12 狗狗要怎么训练
13 怎么训练狗狗玩球
14 训练狗狗唤回
15 狗狗训练躺下
16 狗狗训练指令
17 狗狗的训练技巧
18 狗狗不好训练