let、const、var的区别

1、使用var声明的变量，其作用域为全局或者该语句所在的函数内，且存在变量提升现象。

　　下面使用node.js演示，也可以插入到html文件中使用以下代码

var a = 10;
function test() {
    console.log("function获取的全局变量a" + a);
}
test();
console.log("外部获取的全局变量" + a);

输出结果：

　　

 上述代码证明了var定义的全局变量可以在任何地方使用。

 

for(var  i=0;i<10;i++){
}
console.log(i);

 

输出结果：

　　

 

 在for,while,switch等语句的括号中定义变量，也属于全局变量

for(var a=1){
}

相当于

　　for(var a=1){

　　var a=1;

}

在这些语句的括号中定义变量相当于隐性在代码块内定义了该该变量

function test() {
    console.log("function获取的b" + b);
    var b = 20;
}
test();
console.log("外部获取的全局变量" + a);
var a = 10;

输出结果：

　　

 

上述代码证明了var定义的变量会进行变量提升，也就是提前声明变量再赋值

console.log(a);

var a=10;

相当于：

var a;

consloe.log(a);

a=10;

function test() {
    console.log("function获取的b" + b);
    var b = 20;
}
test();
console.log(b);

输出结果：

　　

 

 报错，证明，在函数定义的var变量在函数外无效，只能在函数内访问，也就是函数作用域

但是要注意的一点是：

　　for,while,switch等等语句var关键字定义的任何变量都属于全局变量，在任何地方都有效，不属于函数作用域

2、使用let声明的变量，其作用域为该语句所在的代码块内，不存在变量提升。

let a = 10


function test() {
    let b = 20;
    console.log("function获取的b" + b);
    console.log("let定义的全局函数“+a);
}
test();
console.log(b);

输出结果：

　　

for(let i=0;i<10;i++){
}
console.log(i);

输出结果：

　　报错：Uncaught ReferenceError: i is not defined

除了在函数和代码块定义的let变量都属于全局变量，在任何地方都可以访问，但是，在函数和代码块（包括for语句，while,swith,if等等语句的代码块中，也就是{}包裹的代码中），定义的let变量只在代码块内有效，这个代码块其他任何地方都无法获取到，和以上var不一样，var只有函数作用域，记住函数作用域不等同于代码块作用域，代码块包括for,if,while等语句。

同时let定义的变量不支持变量提升。

console.log(a);

let a = 10

 

 直接报错，而不是undefined

使用let关键字声明的变量具有暂时性死区特性

 let num=10;
    if(true){
        console.log(num);//报错
        let num=11;
    }

暂时性死区的意思是，只要块内有定义该变量，那么该块内就会和块内定义的变量绑定，不会再读取外面定义相同变量的值，

但是在块内语句执行后声明，就算，外面有该变量也不会读取，而是报错

3、使用const声明的是常量，在后面出现的代码中不能再修改该常量的值，而且是块级作用域，作用范围和let一样