• js闭包及问题的解决


    • 闭包定义,作用

        闭包就是能够读取其他函数内部变量的函数。

        作用:一个是可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中

        缺点:闭包会保存函数中的变量在内存中,导致内存消耗大

               闭包会在父函数外部改变父函数内部变量的值

    • 闭包与异步执行函数

       前端使用异步执行的情况有

        a  定时任务:setTimeOut() setInterval()

        b  网络请求:ajax请求 动态<img>加载

        c  时间绑定

      当遇到异步的情况时,函数的输出结果:

        for(var i = 1; i <= 5;i++){

          setTimeout(function timer(){

            console.log( i );

          },i * 1000);

        } //输出结果是6 6 6 6 6 6

      因为,当执行setTimeOut()时,会暂时跳过这一段,放在缓冲区,当for循环执行结束之后,由于i是全局变量,此时在执行console.log( i )就会是 6,而不是预期中的0 1 2 3 4 5,解决办法通常有两种一是使用ES6中let使for循环中的变量变成块儿作用域,二就是使用立即执行函数,通过函数作用域可以保存变量的特性来将每次循环的变量 i 保存到函数中。

      使用let:

        for( let i = 0; i <= 5; i++){

          setTimeout( function timer(){

            console.log( i );

          },i * 1000);

        }// 输出结果 0 1 2 3 4 5

      使用立即执行函数(IIFE):

        for(var i = 0; i <= 5; i++){

          (function(){

            var j = i;

            setTimeout( function timer(){

              console.log( j );

            }, j * 1000);

          })();

        }//输出结果0 1 2 3 4 5

  • 相关阅读:
    C++-蓝桥杯-颠倒的价牌[2013真题][水题][模拟]
    C++-蓝桥杯-振兴中华[2013真题][水题][dp/递归]
    C++-蓝桥杯-排它平方数[2013][水题][枚举]
    C++-蓝桥杯-高斯日记[2013真题][水题][枚举模拟]
    C++-蓝桥杯-购物清单[2017真题][水题][文件输入]
    C++-蓝桥杯-九宫幻方[暴力搜索][无剪枝]
    C++-LUOGU3834 可持久化线段树(主席树)[模板]
    BASIC-2 01字串
    【掌大】关注回复
    【掌大】纸飞机
  • 原文地址:https://www.cnblogs.com/171220-barney/p/8552370.html
Copyright © 2020-2023  润新知