javascript闭包使用

比眉伴天荒 2022-08-05 12:11 105阅读 0赞

之前看到一段代码，很是不能理解，然后就查找资料并且找网络上得大牛请教，最后弄懂了这段代码，然后就拿出来总结一下。

# 1.挖坑 #

先来看一段代码：

var arrTest = [];
    for (var i = 0; i < 3; i++) {
        //注意函数没有传参数进入函数体
        arrTest.push(function () {
            console.log('>>>' + i);
        })
    }
    
    //arrTest=[function(){
       console.log('>>>'+i)}, function(){
       console.log('>>>'+i)}, function(){
       console.log('>>>'+i)}]
    
    console.log(arrTest[0].toString());  //function(){
       console.log('>>>',+i)}
    console.log(i);
    console.log('-------------');
    //长度可以使用l 简单的单词来代替，减小代码长度
    for (var i = 0, arrLength = arrTest.length; i < arrLength; i++) {
        console.log(i);
        arrTest[i]();
    }
    
    
    //验证的i的值
    console.log('i的值是' + i);     //i=3
    
    console.log('end for');
    for (var j = 0, arrLength = arrTest.length; j < arrLength; j++) {
        console.log(j);
        arrTest[j]();
    }
    
    arrTest = [function () { console.log('>>>' + i) }, function () { console.log('>>>' + i) }, function () { console.log('>>>' + i) }]

结果是这个样子的：  
![这里写图片描述][20150501111059415]

那怎么实现当遍历整个函数的时候打印出我们所希望的0，1，2这样的结果呢？

/* 对函数进行改造，当执行循环的时候，打印0，1，2 */
    var arrTest1 = [];
    for (var i = 0; i < 3; i++) {
        //构造一个立即执行的函数将函数的返回结果添加入数组中
        (function(n) { 
            arrTest1.push(function() { 
                console.log('>>>' + n);
            });
        })(i);
    }
    console.log(arrTest1);
    for (var i = 0, l = arrTest1.length; i < l; i++) {
        arrTest1[i]();
    }

打印结果：  
![这里写图片描述][20150501113340860]

[20150501111059415]: /images/20220805/eb3982a743c64ed295980ec609318093.png
[20150501113340860]: /images/20220805/5ae9cdcbf43149c397072e75daa7e0b4.png

发表评论取消回复

表情：

评论列表（有 0 条评论，105人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 闭包的使用

this的使用对象在构造时，使用this引用进入构造器函数对象在调用方法时，使用this引用进入函数某个函数使用call/apply方法调用，并

悠悠/ 2022年10月01日 01:59/ 0 赞/ 129 阅读

相关 javascript闭包使用

之前看到一段代码，很是不能理解，然后就查找资料并且找网络上得大牛请教，最后弄懂了这段代码，然后就拿出来总结一下。 1.挖坑先来看一段代码： var arrT

比眉伴天荒/ 2022年08月05日 12:11/ 0 赞/ 106 阅读

相关 JavaScript闭包

最近更新时间：2017年6月3日21:04:04 [《我的博客地图》][Link 1] 前端的重点是JavaScript这门语言的本身，闭包知识点难懂，因此，

谁践踏了优雅/ 2022年06月15日 12:53/ 0 赞/ 199 阅读

相关 JavaScript闭包

//解释：fx可以抽象的想象在一个空间中，内部定义的变量，可以为内部函数所服务。 //在指定的函数框架下，fy内部函数可以访问到。 //内部定义的函数具有隐蔽性，外部函数访

川长思鸟来/ 2022年06月06日 09:35/ 0 赞/ 141 阅读

相关 JavaScript 闭包

前言: 如何从外部读取局部变量？这就引入了闭包的概念想要理解闭包，需要提前理解连个概念垃圾回收和作用域。 1.垃圾回收机制: 在Javascript

谁借莪１个温暖的怀抱￠/ 2022年06月04日 01:14/ 0 赞/ 227 阅读

相关 JavaScript 闭包

一、闭包 1. 如何从外部读取局部变量（闭包）：在一个函数内部，再定义一个函数：第一步：定义一个普通函数f1

矫情吗；*/ 2022年06月03日 23:54/ 0 赞/ 210 阅读

相关 JavaScript闭包

JavaScript闭包理解闭包 1、如何产生闭包当一个嵌套的内部（子）函数引用了嵌套（父）函数的变量（函数）时，就产生了闭包 2、闭包到底是什么

喜欢ヅ旅行/ 2022年05月19日 07:25/ 0 赞/ 171 阅读

相关 JavaScript闭包

闭包应用的两种情况即可——函数作为返回值，函数作为参数传递。闭包：函数对象可以通过作用域链相互关联起来，函数体内部的变量都可以保存在函数作用域内，这种特性称为闭包。

你的名字/ 2022年03月15日 09:10/ 0 赞/ 318 阅读

相关 JavaScript闭包

什么是JS闭包？ ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG

逃离我推掉我的手/ 2022年02月15日 03:57/ 0 赞/ 248 阅读

相关 JavaScript闭包

var foo=(function(){ var s=''; return { get:function(){

绝地灬酷狼/ 2022年01月10日 10:11/ 0 赞/ 296 阅读