zoukankan      html  css  js  c++  java
  • javaScript系列---【闭包】

    闭包

    1变量的作用域复习

    变量根据作用域的不同分为两种:全局变量和局部变量。

    1. 函数内部可以使用全局变量。
    2. 函数外部不可以使用局部变量。
    3. 当函数执行完毕,本作用域内的局部变量会销毁。

    2什么是闭包

    闭包(closure)指有权访问另一个函数作用域中变量的函数。简单理解就是 ,一个作用域可以访问另外一个函数内部的局部变量。

    3闭包的作用

    作用:延伸变量的作用范围。

     function fn() {
       var num = 10;
       function fun() {
           console.log(num);
     	}
        return fun;
     }
    var f = fn();
    f();
    

    4闭包的案例

    1. 利用闭包的方式得到当前li 的索引号
    for (var i = 0; i < lis.length; i++) {
    // 利用for循环创建了4个立即执行函数
    // 立即执行函数也成为小闭包因为立即执行函数里面的任何一个函数都可以使用它的i这变量
    (function(i) {
        lis[i].onclick = function() {
          console.log(i);
        }
     })(i);
    }
    
    1. 闭包应用-3秒钟之后,打印所有li元素的内容
     for (var i = 0; i < lis.length; i++) {
       (function(i) {
         setTimeout(function() {
         console.log(lis[i].innerHTML);
         }, 3000)
       })(i);
    }
    
    1. 闭包应用-计算打车价格
    /*需求分析
    打车起步价13(3公里内),  之后每多一公里增加 5块钱.  用户输入公里数就可以计算打车价格
    如果有拥堵情况,总价格多收取10块钱拥堵费*/
    
     var car = (function() {
         var start = 13; // 起步价  局部变量
         var total = 0; // 总价  局部变量
         return {
           // 正常的总价
           price: function(n) {
             if (n <= 3) {
               total = start;
             } else {
               total = start + (n - 3) * 5
             }
             return total;
           },
           // 拥堵之后的费用
           yd: function(flag) {
             return flag ? total + 10 : total;
           }
    	}
     })();
    console.log(car.price(5)); // 23
    console.log(car.yd(true)); // 33
    
  • 相关阅读:
    P7276-送给好友的礼物【dp】
    P4831-Scarlet loves WenHuaKe【组合数学】
    CF461D-Appleman and Complicated Task【并查集】
    P6499-[COCI2016-2017#2]Burza【状压dp】
    CF757F-Team Rocket Rises Again【最短路,DAG支配树】
    Loj#6053-简单的函数【Min25筛】
    P5325-[模板]Min_25筛
    2019.10.6 机房训练赛
    [CSP校内集训]v(记忆化搜索+map优化状压)
    [CSP校内集训]ac(树上启发式合并)
  • 原文地址:https://www.cnblogs.com/chenhaiyun/p/14594874.html
Copyright © 2011-2022 走看看