学习JavaScript的闭包

最新推荐文章于 2024-07-09 19:02:21 发布

原创最新推荐文章于 2024-07-09 19:02:21 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

Web技术专栏收录该内容

9 篇文章

订阅专栏

本文深入探讨了JavaScript中闭包的概念及其如何影响局部变量的生命周期。通过实例展示了内部函数如何访问并修改外部函数的局部变量，解释了闭包中局部变量引用而非拷贝的本质，并提供了几个具体的例子来说明这一特性。

从外部访问函数局部变量

变量有局部变量和全局变量。对于函数的局部变量，在函数内部可以访问，在函数外部无法访问。对于全局变量，在函数内部和外部都可以访问。

闭包是什么？

Javascript允许在函数中定义内部函数，将内部函数返回，这时候会产生闭包。
闭包中含有一种特殊的局部变量，在函数结束返回后仍然存在。
闭包中的局部变量是引用而不是拷贝。

返回内部函数

function makeFunc() {
  var name = "Hello";
  function displayName() {  //闭包
    alert(name);
  }
  return displayName;
}

var myFunc = makeFunc();
myFunc();

内部匿名函数

function f1(){
　　　　var n=0;
　　　　nAdd = function(){ //闭包
           n+=1;
           alert(n);
       }
　　　　return;
　　}


　　var result=f1();
　　nAdd();
   nAdd();

组合例子

function f1(){
　　　　var n=0;
　　　　nAdd = function(){ //闭包
           n+=1;
           alert(n);
       }
      var g = function(){ //内部变量，无法在外部调用
           alert("g");
           n+=1;
           alert(n);
      }
　　　 function f2(){  //闭包
　　　　　　alert(n);
　　　　}
       //g();
　　　　return f2;
　　}


　　var result=f1();
   g();
　　result();
　　nAdd();