var let const定义变量的区别和作用

1.var会进行预解析

        let/const不会进行预解析

2.var可以声明两个重名的变量

        let/const不能定义重名变量

3.var没有块级作用域

        let/const有块级作用域

1.预解析

// 1. 预解析
console.log(num)
var num = 100
console.log(num)

// 定义之前使用 let 声明的变量会报错
console.log(num2)
let num2 = 200
console.log(num2)

// 定义之前使用 const 声明的变量会报错
console.log(num3)
const num3 = 300
console.log(num3)

2.重复变量名

// 2. 重复变量名
var n1 = 100
var n1 = 200
console.log(n1)

let n2 = 100
let n2 = 200

const n3 = 100
const n3 = 200

3.块级作用域

// 3. 块级作用域
// 任何一个可以执行代码段的 {} 都会限制该变量的使用范围
if (true) {
    var num = 100
    console.log(num)
}
console.log(num)

if (true) {
    // 因为这个 num 使用 let 关键字定义的
    // 所以只能在这个 if 的 {} 内使用
    let num = 100
    console.log(num)
}
console.log(num)

if (true) {
    // 因为这个 num 使用 const 关键字定义的
    // 所以只能在这个 if 的 {} 内使用
    const num = 100
    console.log(num)
}
console.log(num)

4.定义时不赋值

// 4. 定义时不赋值
let num
console.log(num)
num = 100
console.log(num)

// 使用 const 的时候, 声明时必须赋值
const num
console.log(num)
num = 100
console.log(num)

5. 修改

 

// 5. 修改
let num = 100
console.log(num)
num = 200
console.log(num)

const num = 100
console.log(num)
// 你试图修改 num 的值, 但是因为是 const 定义的, 不能修改
num = 200
console.log(num)