var let const的区别var let const的区别

86 阅读 0 评论 57 点赞

我是靠谱客的博主无聊高跟鞋，最近开发中收集的这篇文章主要介绍var let const的区别var let const的区别，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

var let const的区别

var 声明的变量存在变量提升，即变量可以在声明之前调用，值为 undefined; let 和const不存在变量提升，即使他们所声明的变量一定要在声明后使用，否则报错
var 不存在暂时性死区，let 和 const 只有等到声明变量的那一行代码出现，才可以获取和使用该变量
var 不存在块级作用域，let 和 const 存在块级作用域
var 允许重复声明变量，let 和 const 在同一作用域不允许重复声明变量
var 和 let 可以修改声明的变量，const声明一个只读的常量，一旦声明，常量的值就不能改变
建议：能用 const 的情况尽量使用const,其它情况大多数使用 let ，避免使用 var

let与var的区别：

var a = []
for (let i = 0; i < 10; i++) {
    a[i] = function () {
        console.log(i)
    }
}
a[6]()
// 6

var a = []
for (var i = 0; i < 10; i++) {
    a[i] = function () {
        console.log(i)
    }
}
a[6]()
// 10

```
for (var i = 0; i < 3; i++) {
    setTimeout(function () {
        console.log(i)
    }, 1000)
}
// 10
// 10
// 10


for (let i = 0; i < 3; i++) {
    setTimeout(function () {
        console.log(i)
    }, 1000)
}
// 0
// 1
// 2 
```
备注：上面的代码中，变量i是let声明的，当前的i只在本轮循环中有效。所以每一次循环的i其实都是一个新的变量，于是最后输出的是6。JavaScript引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。

另外，for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。
```
for (let i = 0; i < 3; i++) {
    let i = 'abc'
    console.log(i)
}
// abc
// abc
// abc
```