var、let、const区别

最新推荐文章于 2024-07-18 11:09:38 发布

一颗帅白菜

最新推荐文章于 2024-07-18 11:09:38 发布

阅读量408

点赞数

文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_52656116/article/details/130240530

版权

本文详细介绍了JavaScript中的var、let和const三种声明变量的方式，它们的相同点在于全局和局部作用域的定义。var特点包括变量提升和可重复声明，let禁止变量提升和重复声明，且具有块级作用域。const则是用于声明不可变常量，必须初始化，同样遵循块级作用域并有暂时性死区。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

一、var和let相同点：

在全局声明的变量是全局变量, 在局部声明的变量是局部变量

var num = 10
    let num_1 = 20
    function fn() {
        var num_2 = 30;
        let num_3 = 40;
        console.log(num); // 10
        console.log(num_1); // 20
    }
fn()
console.log(num_2); // 报错 num_2 is not defined
console.log(num_3); // 报错 num_3 is not defined

二、var的特点：

1、存在变量提升

console.log(str); // undefined  相当于 var str;
var str = '哈哈哈'
console.log(str); // 哈哈哈

2、一个变量可多次声明，后面的声明会覆盖前面的声明

var str_1 = 'haha'
var str_1 = '嘿嘿'
console.log(str_1); // 嘿嘿

3、在函数内不使用var声明，该变量是全局的

function fn() {
    str_2 = 10
    }
fn()
console.log(str_2); // 10

三、let的特点：

1、let声明的变量不能提升

console.log(age); // 报错 Cannot access 'age' before initialization
let age = 10
console.log(age); // 10

2、let声明的变量不能重复声明

let age_1 = 20;
let age_1; // 报错 Identifier 'age_1' has already been declared

3、let声明的变量只在当前块作用域中有效

function fn() {
     let age_2 = 30;
     console.log(age_2); // 30
    }
fn()
console.log(age_2); // 报错 age_2 is not defined

4、let声明的变量会产生暂时性的死区，只能在当前块作用域查找

var age_3 = 40;
if (1) {
   console.log(age_3); // 报错 Cannot access 'age_3' before initialization
   let age_3 = 50;
}

四、const的特点：

1、const声明的变量必须赋初值 2、const声明的变量是常量，不能发生改变

const x = 10;
// x = 20;
console.log(x); // 报错 Assignment to constant variable.

3、const声明的变量不能提升

console.log(a); // 报错 Cannot access 'a' before initialization
const a = 10;
console.log(a); // 10

4、const声明的变量不能重复声明

const b = 20;
// const b = 20; //报错

5、const声明的变量只在当前块作用域中有效

{
  const c = 30
  console.log(c); // 30
}
console.log(c); // 报错 c is not defined

6、const声明的变量会产生暂时性的死区，只能在当前块作用域查找

var k = 40;
if (1) {
   console.log(k); // 报错 Cannot access 'k' before initialization
   const k = 50;
}