用9种办法解决 for 循环取 i

您所在的位置:网站首页 闭包解决方法 用9种办法解决 for 循环取 i

用9种办法解决 for 循环取 i

2023-04-07 05:36| 来源: 网络整理| 查看: 265

.闭包:

1.正确的说,应该是指一个闭包域,每当声明了一个函数,它就产生了一个闭包域(可以解释为每个函数都有自己的函数栈),每个闭包域(Function 对象)都有一个 function scope(不是属性),function scope内默认有个名为Global的全局引用(有了这个引用,就可以直接调用 Global 的属性或方法)

2.凡是在闭包域内声明的变量或方法,外部无法直接访问

3.闭包域可以访问外部的变量或方法 用9种办法解决 for 循环取 i_私有变量(上图为 chrome 下 debug 环境)

当在一个闭包域内包含另一个闭包域时(简单的说就是在一个函数内有另一个函数,当然这个内部函数的生命周期是依附于外部函数的), 此时,若子闭包域(内部的闭包域,内部函数)使用了父闭包域(外部闭包域,外部函数)的私有变量(在父闭包域中声明的变量,父闭包域的外部空间无法直接访问,但子闭包域可以访问),子闭包域即当前的子函数的 function scope 会产生一个 closure 对象属性,这个对象属性内包含的是子闭包域对父闭包域的所有引用(只要子闭包域(内部函数)还存活,其父闭包域(外部函数)就依旧存活),倘若在父闭包域存活期间对其私有变量内容进行修改,则对这些父闭包域的私有变量进行引用的子闭包域中 function scope 的 closure 对象属性的内容也会发生变化,因为这只是引用.

举例:

//函数 a 有一个私有变量 p 和一个内部函数 innerA function a() { //外部闭包域 ,一个名为 a 的 Function 对象 var p = 0; //私有变量 p var innerA = function () { //内部闭包域 ,一个名为 innerA 的 Function 对象 console.log(p); //对外部闭包域的私有变量进行了引用,故 innerA 对象的 function scope 会产生一个名为 closure 的对象属性,closure 对象内含有一个名为 p 的引用 } innerA();//输出0 p++; innerA();//输出1 } a();

结果如下:

第一次调用innerA

用9种办法解决 for 循环取 i_html_02

第二次调用 innerA

用9种办法解决 for 循环取 i_html_02

控制台输出

用9种办法解决 for 循环取 i_html_02

回到主题 面试经典问题 //面试经典问题: function onMyLoad(){ /* 抛出问题: 此题的目的是想每次点击对应目标时弹出对应的数字下标 0~4,但实际是无论点击哪个目标都会弹出数字5 问题所在: arr 中的每一项的 onclick 均为一个函数实例(Function 对象),这个函数实例也产生了一个闭包域, 这个闭包域引用了外部闭包域的变量,其 function scope 的 closure 对象有个名为 i 的引用, 外部闭包域的私有变量内容发生变化,内部闭包域得到的值自然会发生改变 */ var arr = document.getElementsByTagName("p"); for(var i = 0; i < arr.length;i++){ arr[i].onclick = function(){ alert(i); } } }

产品一

产品二

产品三

产品四

产品五

解决办法:

解决办法一

/* 解决思路: 增加若干个对应的闭包域空间(这里采用的是匿名函数),专门用来存储原先需要引用的内容(下标),不过只限于基本类型(基本类型值传递,对象类型引用传递) */ for(var i = 0;i


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3