js--闭包的理解

概述:

在一个js父函数(方法)里面的有一个子函数,这个子函数可以访问父函数的成员,并且使用了父函数里的成员,这样的子函数我理解它是一个闭包对象;

理解:闭包相当于一个对象,对象里面有他捕获父函数的成员变量;比如父函数有一个成员 var age=19;他的子函数使用 age ,相当于引用这个变量,这个变量子函数认为就相当于全局变量;

 

闭包查看、创建

例如: 当aa函数创建时闭包存在,其实可以看大这行还没有执行,js在创建aa函数时,发现aa函数中使用到父函数的成员,闭包对象才创建

js--闭包的理解

或者

js--闭包的理解

闭包问题

  • 子函数没有用到父函数的成员变量,就不会产生闭包问题;可以看到下图浏览器中没有closure对象

js--闭包的理解

  • 在子函数中还有一个孙子函数,这个函数中使用了()函数的成员变量也会产生闭包

js--闭包的理解

 

闭包的好处

  • 减少全区变量的定义

例如: 这样做每次调用控制台都会输出 1

js--闭包的理解

需要定义全局变量

定义全局变量后 

js--闭包的理解

使用闭包

js--闭包的理解

  • 减少传递给函数的参数数量

js--闭包的理解

使用闭包

js--闭包的理解

  • 封装

js--闭包的理解

使用闭包的注意点

  • 对于子函数捕获复函数的成员只是引用不是复制
  • 父函数每调用一次会产生新的闭包对象
  • 循环问题(作用域不是块级元素)

js--闭包的理解