var let const 你混得清楚吗？

2023-11-11 21:36:28

变量声明：var、let和const

在JavaScript中，变量声明是定义变量并为其赋值的过程。我们有三种不同的变量声明方式：var、let和const。在这篇文章中，我们将深入探讨这三种声明方式之间的差异，并解释何时以及如何使用它们。

var：古老的方式

var是最早的JavaScript变量声明方式。它可以声明一个变量并赋予它一个值。var声明的变量可以在整个函数作用域内访问，包括函数内部和外部。

var a = 10;

function foo() {
  console.log(a); // 10
}

foo();

虽然var简单易用，但它存在一些问题：

变量提升： var声明的变量会在函数执行之前提升到函数顶部，这可能导致一些意想不到的行为。
块级作用域： var声明的变量可以在整个函数作用域内访问，包括函数内部和外部，这使得代码的可读性和可维护性降低。

let：块级变量

let是JavaScript中新增的变量声明方式，它可以声明一个变量并赋予它一个值。let声明的变量只能在声明它的块级作用域内访问，包括块内部和外部。

let a = 10;

{
  let b = 20;
  console.log(a); // 10
  console.log(b); // 20
}

console.log(a); // 10
console.log(b); // ReferenceError: b is not defined

与var相比，let声明的变量不存在变量提升问题，并且具有块级作用域，这使得代码的可读性和可维护性更高。

const：常量变量

const是JavaScript中新增的变量声明方式，它可以声明一个常量并赋予它一个值。const声明的常量一旦被赋值，就不能再改变其值。

const a = 10;

a = 20; // TypeError: Assignment to constant variable.

const声明的常量具有以下特点：

只读： const声明的常量一旦被赋值，就不能再改变其值。
块级作用域： const声明的常量只能在声明它的块级作用域内访问，包括块内部和外部。

var、let和const的对比

现在，我们来总结一下这三种变量声明方式之间的差异：

特性	var	let	const
声明方式	`var a = 10;`	`let a = 10;`	`const a = 10;`
作用域	整个函数作用域	块级作用域	块级作用域
变量提升	存在	不存在	不存在
只读	不存在	不存在	是
重复声明	可以	不可以	不可以
重新赋值	可以	可以	不可以