js中闭包指的是什么
这篇文章给大家分享的是有关js中闭包指的是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
为玉州等地区用户提供了全套网页设计制作服务,及玉州网站建设行业解决方案。主营业务为成都网站设计、网站制作、外贸营销网站建设、玉州网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
本文实例讲述了js 闭包。分享给大家供大家参考,具体如下:
1.什么是闭包
定义:是指有权访问另一个函数作用域中的变量的函数
创建闭包:在一个函数内部创建另一个函数
基本特点 在返回的匿名函数中 可以调用外部函数的变量 如下例中所示 内部函数(匿名函数) 可以访问外部函数的变量num 形式如a[num] 原因是匿名函数作用域链中包括外部函数test1的作用域
闭包有权访问包含函数内部的所有变量 如下面的 外部函数定义变量d 在闭包中可以直接访问到d (var dd=d)
function test1(num){ var d; return function(a,b){ var d1=a[num],d2=b[num]; var dd=d; } }
实例参考 此时点击产品1 到 产品4 结果都是5 点击匿名函数的作用域链中包括外部函数init的活动对象 都是引用的同一个变量i 都是5 。解决办法 返回的匿名函数 通过立即执行函数 把参数i传给匿名函数
闭包演示 产品 0
产品 1
产品 2
产品 3
产品 4
弹出结果都是5截图
解决办法:立即执行匿名函数 参数i是循环i的值 传递给num形参 匿名函数里 在创建闭包 可以访问这个传递过来的值num
pAry[i].onclick = function(num){//......}(i)
闭包演示 产品 0
产品 1
产品 2
产品 3
产品 4
结果点击第一展示
还有这样写也是可以的
function a(){ var pAry = document.getElementsByTagName("p"); for( var i=0; i1.1 闭包的原理
-1) 闭包的作用域链 包括 闭包自身的作用域(一般返回匿名函数的作用域),外部函数的作用域(包含的外部函数),全局作用域
-2)通常,函数的作用域和所有变量都会在函数执行结束后被销毁
-3)函数返回一个闭包,这个函数的作用域会一直保存在内存中直到闭包不存在为止
使用闭包可以模仿块级作用域
-1)创建闭包并立即执行这个函数 不会再内存中留下该函数的引用
-2 )结果 函数内部的所有变量都会被立即销毁
2.什么是作用域链
执行环境:定义了变量或函数有权访问其他数据,决定它们各自的行为。变量对象:每个执行环境都有一个与之关联的变量对象。
执行环境定义的所有变量和函数都保存在变量对象中。编写代码无法访问这个对象,解析器在处理数据时会在后台使用它。
-1)全局执行环境是最外围的一个执行环境
-2)web浏览器中,全局执行环境默认是window对象,因此所有全局变量和函数都是作为window对象的属性和方法创建的
-3)某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数定义都随之销毁 全局执行环境直到应用程序退出--例如关闭网页或浏览器时才会被销毁
-4)每个函数都有自己的执行环境
作用域链:当代码在一个执行环境中执行时,会创建变量对象 一个作用域链
作用域链用途:保证对执行环境有权访问的所有变量和函数的有序访问
标识符解析:沿着作用域链一级一级的向上搜索标识符的过程。
函数参数也被当做变量来看待,因此访问规则与执行环境中的其它变量相同。 例子:下面函数chageColor(num){} 在闭包里tempColor(a){}里可用a[num]访问
实例解析
全局 window
|
|-------------color 全局变量
|------------changeColor()
|
|---------------otherColor(局部变量 还有两个就是调用的上层全局环境里的color变量和函数chageColor)
|---------------tempColor()
|-------------------h(变量h不能被上层执行环境调用 只能在tempColor()里调用 标识符向上搜索沿着作用域链 这个环境里可以调用外层环境和全局环境的变量)
感谢各位的阅读!关于“js中闭包指的是什么”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
分享标题:js中闭包指的是什么
链接URL:http://ybzwz.com/article/gjhigo.html