【每日知识】JS中let和var定义变量的区别

英文释义：

let：让，假设。

var：变量。

1.var是最近的函数作用域，let的作用域是最接近的块作用域，这个比函数的作用域要小。

2.当他们是全局变量时，let和var是相同的。当他们处在一个函数内，也是相同的。

3.var定义以后可以修改，不初始化会输出undefined，不会报错。let未定义就输出则会报错。

4.let 声明的变量只在 let 命令所在的代码块 {} 内有效，在 {} 之外不能访问。var是在整个函数里面有效。

5.使用 var 关键字声明的变量不具备块级作用域的特性，它在 {} 外依然能被访问到。

6.let 关键字就可以解决这个问题，因为它只在 let 命令所在的代码块 {} 内有效。

在 ES6 之前，JavaScript 只有两种作用域： 全局变量 与 函数内的局部变量。

举例

使用var关键字：

var i = 5;
for (var i = 0; i < 10; i++) {
    // 一些代码...
}
// 这里输出 i 为 10

使用let关键字：

let i = 5;
for (let i = 0; i < 10; i++) {
    // 一些代码...
}
// 这里输出 i 为 5

在第一个代码块中，使用了 var 关键字，它声明的变量是全局的，包括循环体内与循环体外。

在第二个代码块中，使用 let 关键字， 它声明的变量作用域只在循环体内，循环体外的变量不受影响。

在函数体内使用 var 和 let 关键字声明的变量有点类似。

它们的作用域都是 局部的

在函数体外或代码块外使用 var 和 let 关键字声明的变量也有点类似。

它们的作用域都是 全局的

好文推荐

欢迎各位 留言指正！