let、var、const的区别

let、var、const的区别

var是ES5提出的，let和const是ES6提出的

我们从这几个问题来分析let、var、const
1.是否存在变量提升？
2.是否存在暂时性死区？
3.是否允许重复声明变量？
4.是否存在块级作用域？
5. 是否能修改声明的变量？

1.是否存在变量提升？

什么是变量提升：
**** 变量提升就是变量在声明之前可以使用，并且代码不会报错。

预解释：在浏览器拿到js代码要执行之前，会整体的解读一遍js文件，把其中的var声明的变量还有function提前定义

let和const声明的变量不存在变量提升，一定要在声明后使用，否则就会报错

console.log(num) //Uncaught ReferenceError: Cannot access 'num' before initialization(初始化前无法访问num）
let num=0   

console.log(num) //Uncaught ReferenceError: Cannot access 'num' before initialization(初始化前无法访问num）
const num=1

var声明的变量存在变量提升,它返回的值是undefined

console.log(num)  //undefined
var num=2

2.是否存在暂时性死区？
在用let声明一个变量之前，都不能使用这个变量，否则就会报错，在这之前的代码块，对于这个变量来说都叫暂时性死区

let和const声明的变量具有暂时性死区

if(true){
let a=15
}
// 暂存性死区，let声明的变量只在块级作用域内生效
console.log(a) //报错：ReferenceError: a is not defined

if(true){
const a=20
}
console.log(a) //报错：ReferenceError: a is not defined

var声明的变量则没有

if(true){
var a=5;
}
console.log(a) //5  生命的变量是全局变量，不存在暂时性死区

3.是否允许重复声明变量?

let和const声明的变量不可以重复声明

let a=13
let a=22
console.log(a)  //Uncaught SyntaxError: Identifier 'a' has already been declared(未捕获的语法错误：标识符“a”已声明)

const a=36
const a=48
console.log(a)  Uncaught SyntaxError: Identifier 'a' has already been declared(未捕获的语法错误：标识符“a”已声明)

var声明的变量可以重复声明

var a=52
var a=69
console.log(a)  //返回的是69

4.是否存在块级作用域？

let和const声明的变量具有块级作用域

for(let i=0;i<5;i++){
	console.log(i)  //0,1,2,3,4
}
console.log(i)  //报错：ReferenceError: i is not defined

//let:
if(true){
let a=7
}
console.log(a)  //报错：ReferenceError: i is not defined

//const:
if(true){
const a=8
}
console.log(a) //报错：ReferenceError: i is not defined

var声明的变量不具有块级作用域

for (var i=0; i<5;i++){
console.log(i);  //0,1,2,3,4
}
console.log(i)  //5
if(true){
	var a=6
}
console.log(a) //6

5. 是否能修改声明的变量？

const声明的变量不可修改

const c=30
c=35
console.log(c) //报错：Assignment to constant variable.

**const修改：
const声明的变量，如果赋值为一个引用数据类型的值，那么是可以修改值里边的内容的，只要不去修改这个变量所指向的内存空间的地址即可

const c={hobby:'看书'}
c.hobby='吃饭'
console.log(c)  //{hobby: "吃饭"}

let和var声明的变量可以修改

let a=10
a=15
console.log(a)  //15

var b=20
b=25
console.log(b)  //25