闭包的理解

最新推荐文章于 2024-09-25 13:16:39 发布

qq_43731176

最新推荐文章于 2024-09-25 13:16:39 发布

阅读量59

点赞数

文章标签：正则表达式 mysql 数据库

原文链接：https://mp.weixin.qq.com/s?__biz=MzU1OTgxNDQ1Nw==&mid=2247485664&idx=1&sn=4d7169d22bce23083b9137ff356ea19a&chksm=fc10cab6cb6743a082c677e31892d007454f0868f71eef815524a0faa425379ee6d2b85e0445&cur_album_id=1570278129275830277&scene=189#wechat_redirect

版权

什么是闭包

//一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）
**//闭包可以使一个函数访问外部函数的作用域**

使用场景

两大条件：
1.创建私有变量
2.延长私有变量的生命周期
//一般函数的词法环境在函数返回后就被销毁，但是闭包会保存对创建时所在词法环境的引用，即便创建时所在的执行上下文被销毁，但创建时所在词法环境依然存在，以达到延长变量的生命周期的目的

应用一：改变页面元素的样式
<html>
   <div id="color1">红色|黄色</div>
   <button id="changecolor1">Red</button>
   <button id="changecolor2">Yellow</button>
</html>
<script>
function changecolor(color){
return function(){ //如果去除，颜色为黄色，点击按钮无法改变颜色
  document.getElementById("color1").style.color = color;
}
}
var changecolor1 =  changecolor('red');
var changecolor2 = changecolor('yellow');
document.getElementById('changecolor1').onclick = changecolor1 ;
document.getElementById('changecolor2').onclick = changecolor2 ;
</script>

应用二：模拟私有方法
var makeCounter = function() {
 var privateCounter = 0;
 function changeBy(val) {
   privateCounter += val;
 }
 return {
   increment: function() {
     changeBy(1);
   },
   decrement: function() {
     changeBy(-1);
   },
   value: function() {
     return privateCounter;
   }
 }
};

var Counter1 = makeCounter();
var Counter2 = makeCounter();
console.log(Counter1.value()); /* logs 0 */
Counter1.increment();
Counter1.increment();
console.log(Counter1.value()); /* logs 2 */
Counter1.decrement();
console.log(Counter1.value()); /* logs 1 */
console.log(Counter2.value()); /* logs 0 */
**其他**
例如计数器、延迟调用、回调等闭包的应用，其核心思想还是创建私有变量和延长变量的生命周期