var、const、let的区别

芋圆味糖罐

已于 2022-03-03 07:50:18 修改

阅读量117

点赞数

文章标签： javascript 前端 vue.js

于 2022-02-24 21:14:29 首次发布

本文链接：https://blog.csdn.net/m0_62351775/article/details/123120129

版权

本文介绍了JavaScript中var、let和const声明变量的区别。var存在变量提升，而let和const则没有，并且它们存在暂时性死区。let和const在同一作用域内不允许重复声明，且const声明的变量不能重新赋值，但其指向的对象属性可变。此外，var没有块级作用域，而let和const具备块级作用域特性。

摘要由CSDN通过智能技术生成

是否存在变量提升

var声明的变量存在变量提升（将变量提升到当前作用域的顶部）。即变量可以在声明之前调用，值为undefined

let和const不存在变量提升。即它们所声明的变量一定要在声明后使用，否则报ReferenceError错

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

console.log(g) //ReferenceError: g is not defined
let g = 2;

console.log(h) //ReferenceError: g is not defined
const h = 2;

是否存在暂时性死区

let和const存在暂时性死区。即只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响

var tmp = 123;
if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}
//以上代码if后面{}形成了块级作用域，由于使用let声明了tmp，则这个变量就绑定了块区域，在声明之前使用，会报错。

在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为"暂时性死区"

是否允许重复声明变量？

var允许重复声明变量
let和const在同一作用域不允许重复声明变量

var f = 4;
var f = 5;
console.log(5) //5

let g = 6;
let g = 7;
console.log(7) //SyntaxError: Identifier 'g' has already been declared

const h = 8;
const h = 9;
console.log(h) //SyntaxError: Identifier 'g' has already been declared

是否存在块级作用域

var不存在块级作用域。
let和const存在块级作用域

是否能修改声明的变量？

var和let可以
const声明一个只读的常量。一旦声明，常量的值就不能改变。const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值

const f = 10;
// f= 11;
// console.log(f) //报错 不能进行重复声明

const obj = {
    name: '小明',
    age: 18
}
obj.age = 20
console.log(obj) //{ name: '小明', age: 20 }  
//const声明常量，不允许对变量重新赋值。对于引用类型的值而言，只要在栈内存保存的地址值不变即可