Javascript中let和var的区别你都知道吗

常量

一旦定义, 不可修改

const a = 1;
a = 2; //TypeError: Assignment to constant variable. 改就报错

变量

可以修改

• 怎么定义变量

有两种定义方式
//方式1: var
var a = 1;
//方式2: let
let b = 2;

• 变量的作用域
  局部作用域: 函数内是局部作用域
  全局作用域: 最外层的作用域

function test() {
    // 局部变量， 函数执行完毕就会被销毁掉
    var msg = "hello";
}

test();
console.log(msg); //ReferenceError: msg is not defined

function test() {
    // 省略var,msg就变成全局变量，只要调用过一个test()，这个变量就可以在函数外部任何地方被访问到
    // 不推荐，很难维护
    msg = "hello";
}

test();
console.log(msg); //hello

补充一点, 什么是作用域链?
作用域链就是查看当前作用域中有没有声明这个变量, 没有就一直往上找, 直到全局作用域为止, 果全局作用域中也没有声明, 我们就认为这个变量未声明

• 我们可以通过let和var两种方式定义变量, 他们有啥区别?

1. let是es6新特性
2. let有块级作用域

{
    var a = 1;
    let b = 2;
}
console.log(a); //1
console.log(b); //ReferenceError: b is not defined

for(let i=0; i<5; i++){

}
console.log(i);//ReferenceError: i is not defined
for(var i=0; i<5; i++){

}
console.log(i);//5
结论: 
1. 在代码块中使用let定义的变量只在所在的代码块内有效
2. 在代码块中使用var定义的变量全局范围内有效

3. var存在变量提升

console.log(a); //undefined
var a = 1;

console.log(b); //ReferenceError: b is not defined
let b = 2;
结论:
使用var定义变量会发生变量提升, 脚本运行时, 变量a已经存在了, 但没有值, 使用let声明不会发生变量提升

4. let存在暂时性死区

var a = 1;
if(true){
    a = 2; //ReferenceError: a is not defined
    let a;
}
结论: 
ES6明确规定, 如果区块中存在let和const命令, 这个区块的变量声明, 从一开始就形成了封闭作用域, 凡是声明之前就使用这些变量的就会报错

5. let不能重复声明

var a = 1;
var a = 2;
let b = 3;
let b = 4; //SyntaxError: Identifier 'b' has already been declared
结论:
var 可以重复声明变量
let 不可以重复声明变量

欢迎留言补充更多知识点!!!