js闭包实例汇总

本文是通过实例来帮助大家深刻理解js闭包,是篇非常不错的文章,这里推荐给大家,有需要的小伙伴可以参考下

Js闭包
闭包前要了解的知识
1. 函数作用域
(1).Js语言特殊之处在于函数内部可以直接读取全局变量

复制代码 代码如下:


如果在php里

复制代码 代码如下:

$n=100;
function parent(){
  echo $n;
}
parent();//会报错 n未定义
?>

(2).在函数外部无法读取函数内的局部变量

复制代码 代码如下:


注意函数内部声明变量时一定要加var,否则就声明了一个全局变量

复制代码 代码如下:

function parent(){
m=50;
}
parent();
alert(m);//50

//当然在php里更是如此了,

复制代码 代码如下:

function parent(){
  global $m;//全局 ,定义与赋值要分开
  $m=50;
}
parent();
echo $m;//50
?>
//没global的话,一样会报没定义的错误

有时,需要得到函数内部的的局部变量,就需要变通的方法实现利用js变量作用域的特点,如在函数内部定义子函数,对于子函数来说,父函数就是它的全局,子函数可以访问父函数里的变量(对于整个js代码来说又是局部变量)

复制代码 代码如下:


Parent内部所有局部变量对其子函数来说都是可见的,但其子函数内的局部变量对其父函数是不可见的,这就是js特有的链式作用域结构,子对象会一级一级地向上查找所有父对象的变量,父对象的所有变量对子对象都是可见的,反之不成立!上面的son函数就是闭包
有些同学可能这样

复制代码 代码如下:

function parent(){
   var m=50;
   function son(){
        alert(m);
   }
}
parent();
son()//会报 函数son未定义

注意 在javascript里,在函数里声明的函数都是局部的,函数运行完后就释放了
注意这点与php的区别

复制代码 代码如下:

function parent(){
  function son(){
      $m=50;
      echo $m;
  }
}
parent();
son();//输出50 不会报错
?>

闭包

函数内部定义函数,连接函数内部和外部的桥梁
闭包的作用有2个:
一是前面提到的读取函数内部的变量,
二是让这些变量的值保存在内存中,实现数据共享
下面是几个闭包的例子

复制代码 代码如下:


以上就是js闭包实例汇总的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程