码迷,mamicode.com
首页 > 编程语言 > 详细

javascript中闭包最简单的简绍

时间:2018-10-29 12:26:18      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:简单的   需要   www   turn   调用函数   覆盖   http   ffffff   函数变量   

javascript中闭包是什么

JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。闭包就是将函数内部和函数外部连接起来的一座桥梁。
函数的闭包使用场景:比如我们想要一个函数来执行计数功能。
如果设计全局变量
 1 var counter=0; 2 function add(){ 3 4 return counter++;}  
// add();
在浏览器调用 add();//值为2
问题是如何当我们设计另外一个方法时用到需要counter这个变量,我们在进行修改无疑会改变counter的初始值如下
<script> 
 var counter=0; 

function add(){ 
return counter++;} 

function plus(){ return counter=5; } plus();
</script>  
我们此时在调用add() 值就是6 所以设置counter变量为全局变量的时候我们调用函数会得到不想要的值;
 
思考?如果使用局部变量 
 
function add(){
var counter=0;
return counter++ ;
}
调用add()结果永远是0,函数运行到 counter=0;就覆盖变量;
所以我们需要函数外部可以读取函数变量内部的值,下面就对函数进行了私有化 在 JavaScript 中,所有函数都能访问它们上一层的作用域
JavaScript 支持嵌套函数。嵌套函数可以访问上一层的函数变量。
该实例中,内嵌函数 plus() 可以访问父函数的 counter 变量
  function add() {
            var counter=0 ;
            function plus (){
                counter++; 
            } 
            plus();
            return counter;
         }

  

闭包的写法
函数的立即执行()() 及函数的声明和函数的执行放在一起
这就是闭包的最终格式
       var plus=(function add() {
            var counter=0;//定义为局部变量
          return  function(){
                counter++;//
             console.log("counter"+counter);
            }
        })()

  调用plus()  ;

      闭包就是将函数内部和函数外部连接起来的一座桥梁。

   这篇文章https://www.cnblogs.com/lsc-boke/p/6513278.html写了闭包对内存的影响
 

javascript中闭包最简单的简绍

标签:简单的   需要   www   turn   调用函数   覆盖   http   ffffff   函数变量   

原文地址:https://www.cnblogs.com/illusory/p/9869927.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!