let 和 var 和const的区别

let 和 var 和const的区别

变量提升（var允许 let和const不允许）

变量提升，即变量可以在声明之前使用，值为undefined

console.log(a) // 正常运行，打印出 undefined
var a = 1
------------------------
console.log(b) // 报错，Uncaught ReferenceError: b is not defined
let b = 1
------------------------
console.log(c) // 报错，Uncaught ReferenceError: b is not defined
const c = 1

可以看出只有var 存在变量提升的问题，按照一般的逻辑，变量应该在声明之后再使用才对，所以ES6 规定const 和 let 命令都不会发生变量提升 。

块级作用域 （var 不是块级 let和const属于块级作用域）

var、let和const另外一个重要区别就是let和const只在块级作用域中有效，比如：

{
    var a = 'Smiley';
}
console.log(a)  	// 能正确打印出Smiley

但是：

{
    let a = 'Smiley';
}
console.log(a)    	//  报错： Uncaught ReferenceError: a is not defined

重复声明
let 和const 命令都不允许重复声明同一个变量

而var 是允许重复声明的，但重复声明显然是不建议的

初始值
const 声明的是一个只读的常量，一旦声明，就必须赋初始值，而且声明之后不允许改变

const PI = 3.1415
PI = 3 // 报错，Uncaught TypeError: Assignment to constant variable.

循环的例子

 for(var i=0;i<3;i++){
        const log =()=>{
              console.log(i);
        }
        setTimeout(log,1000)
    }

之所以结果返回3，这是因为所有的i都使用同一个引用，而i最终会被更新为3，因此，最终window中定义的 var a 被赋值为3

 for(var i=0;i<3;i++){
        const log =()=>{
              console.log(i);
        }
        setTimeout(log,1000)
    }

在每次循环当中，都会创建一个新的let
i（因为let只在块级作用域有效，因此是不会报错的），因此result[i]使用的每个i都是不同的，值并不会像使用var的例子那样不断增加。