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());