JS 用let与var声明变量的区别

1.let定义的变量具有块级作用域，而var定义的变量是全局的

function func() {
        {
            var a = 10;
            let b = 20;
        }
        console.log(a);   //  10
        console.log(b);   //  Uncaught ReferenceError: b is not defined
    }

    func();

使用let定义的变量只能在当前作用域下访问，在块级作用域外则无法访问，而var定义的变量则没有块级作用域特性，因此在块级作用域外也是可以访问得到的

2.在for循环中使用var定义变量会受到循环体外部变量影响，而let不会

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

        }
        console.log(i);   //  11

        var j = 5;
        for(let j=0;j<=10;j++){

        }
        console.log(j); // 5

    }
    func();

在for循环中，每一次执行的都是一个全新独立的块级作用域，使用let声明的变量在for循环中不会手循环体外部的影响，不会受到变量污染。

3.var有变量提升，而let没有

function func(){
        console.log(a);  // undefined 定义了未赋值
        var a = 10;

        console.log(b);  //  Uncaught ReferenceError: b is not defined 没定义
        let b = 10;
    }
    func();

4..var声明变量会往window对象下压，而let不会

当我们用var声明函数的时候，系统会默认把函数往window这个对象里面压，但由于window对象里面存在着很多自带的属性。

如果碰巧我们声明的函数名跟window下的属性重名了，那么这个函数将把window下的覆盖掉，导致window下的属性无法正常使用。

 var func = function () {
        console.log("haha")
    };
    console.log(window.func());

但如果我们用let声明函数，就不会出现上述问题。用let声明函数的时候是不会往window对象里面添加的，因此也无法通过window.函数名的方式调用函数。

let func = function () {
    console.log("haha")
  };
console.log(func());