zoukankan      html  css  js  c++  java
  • [ES6] 03. The let keyword -- 1

    var message = "Hi";
    {
       var message = "Bye";       
    }
    
    console.log(message); 
    
    //Bye

    The message inside the block still has impact on the outside.

    Just remember that something like for, while if ... block, they don't create new scope. function block do create new scope!

    If you add function around the inside message:

    var message = "Hi";
    
    function greeting(){
        var message = "Bye";
    }
    
    console.log(message);
    
    //Hi

    Then "Bye" message has no impact on the "Hi" message.

    But if create something like "for", "while" loop and if block, you will still get the "Bye";

    Let


    To help with this problem, we do have LET in ES6, which will allow me to use block scoping.

    let message = "Hi";
    {
        let message = "Bye";
    }
    
    console.log(message);
    
    //Hi

    This "Bye" message, because it's inside of a block, even though it's not inside of a function, has no impact on the assignment of this message. They are two separate and different entities.

    So we con consider that "let" keyword will create a new scope in the current block!

    Let in For Loop:


    Recall one problem code:

    var fs = [];
    
    for(var i = 0; i < 10; i++){
        fs.push(function(i){
             console.log(i)   
        });
    }
    
    fs.forEach(function(f){
        f();
    });
    
    //10
    //10
    ...
    //10

    The output will be 10 all the time.

    If we swtich var to let:

    var fs = [];
    
    for(let i = 0; i < 10; i++){
        fs.push(function(i){
             console.log(i)   
        });
    }
    
    fs.forEach(function(f){
        f();
    });
    
    //0
    //1
    ...
    //9

    Then the output is 0-9. The reason for that is because, let keyword each time it create a new instance in for loop.

    What this really means in the end is that if you're used to bringing your variables up to the top of a scope using VAR and things like VAR i, VAR temp, where you want to be careful, because you're afraid of wasting behaviors due to this i.

    function varFun(){
        
        var previous = 0;
        var current = 1;
        var i;
        var temp;
    
        for(i = 0; i < 10; i++){
              temp = previous;
              previous = current;
              current = temp + current;
        }
    }
    
    
    function letFun(){
    
        let previous = 0;
        let current = 1;
    
        for(let i = 0; i < 10; i++){
            let temp = previous;
            previous= current;
            current = temp + current;
        }
    }

    Feel free now to use the LET keyword, and instead of declaring it at the top, you can declare it in line, inside of the FOR statement, as well as declaring it inside of the FOR block, and it'll safely create this temp each time it goes through the FOR block.

    Using let instead of var prevents variable declarations from being moved to the top of the scope on what is known as hositing.

  • 相关阅读:
    K8S 使用NFS 创建PV和PVC的例子 学习From https://blog.csdn.net/xts_huangxin/article/details/51494472
    Windows 2012r2 以及以上版本远程提示错误的解决方法
    CentOS下 NFS的简单使用以及windows 关在linux的NFS存储方法
    PPT 遥控器
    Windows 下面简单的同步文件夹工具
    IIS 下 搭建简单的FTP服务器
    Zoom 会议系统
    SQLSERVER 2014 内存优化表相关
    SQLSERVER 2014 SP1 的服务器 日志文件无法收缩的处理
    Jenkins Jfrog Artifactory 以及docker下的pipeline 容器编排实践
  • 原文地址:https://www.cnblogs.com/Answer1215/p/4109464.html
Copyright © 2011-2022 走看看