zoukankan      html  css  js  c++  java
  • 【js】利用闭包消除回调函数启动时值已经发生变化的影响

    在以下代码中,timeFun异步执行了一个匿名函数,当输出color的值时已经由green变成red,因此输出为red。

    function timedFun(callback){
        setTimeout(callback,200);// 两百毫秒后调用callback函数
    }
    
    var color='green';
    
    timedFun(function(){ // 执行timedFun函数,因为在两百毫秒后才启动匿名函数,导致输出时后面的color='red';已经先执行,所以输出时color=red.在异步执行时是值得注意的情况
        console.log("color="+color);
    });
    
    color='red';

    下面代码是利用闭包将当时的color固化成匿名函数本地变量,这样再不受全局变量color值变化的影响。

    function timedFun(callback){
        setTimeout(callback,200);// 两百毫秒后调用callback函数
    }
    
    var color='green';
    
    (function(color){// 利用闭包,将此时的color(值为'green')封装到一个匿名函数中,color就成了这个匿名函数的本地变量,因此外界全局变量color发生变化时,本地变量color不受影响还是保持原值green
        timedFun(function(){ 
            console.log("color="+color);
        })
    })(color);
    
    color='red';
  • 相关阅读:
    es6之Promise
    es6之Proxy,Reflect
    js之对象
    Set,Map与Array,Object对比
    es6之数据结构 set,WeakSet,mapWeakMap
    es6之Symbol
    flex布局
    盒子模型,top和margin-top
    POJ1274-The Perfect Stall
    Codeforces 671D. Roads in Yusland 题解
  • 原文地址:https://www.cnblogs.com/heyang78/p/8872530.html
Copyright © 2011-2022 走看看