JavaScript的let、var、const

这张图片主要介绍了JavaScript中的三种变量声明方式:letvarconst

1. let

  • 含义let是现在实际开发中常用的变量声明方式。
  • 特点
    • 块级作用域:let声明的变量只在其所在的块级作用域内有效。例如:

      javascript 复制代码
      {
        let x = 10;
      }
      console.log(x); // 报错,x在块级作用域外不可访问
    • 不存在变量提升:在声明之前使用let变量会报错。例如:

      javascript 复制代码
      console.log(y); // 报错
      let y = 20;
    • 不允许重复声明:在同一个作用域内不能用let重复声明已经存在的变量,会报错。例如:

      javascript 复制代码
      let z = 5;
      let z = 10; // 报错

2. var

  • 含义var是以前的变量声明方式,会有很多问题。
  • 特点
    • 函数级作用域:var声明的变量的作用域是函数级的。例如:

      javascript 复制代码
      function test() {
        if (true) {
          var a = 10;
        }
        console.log(a); // 10,在if语句块外仍能访问a
      }
      test();
    • 存在变量提升:使用var声明的变量会被提升到函数顶部,但变量的值是undefined,直到实际赋值语句执行。例如:

      javascript 复制代码
      console.log(b); // undefined
      var b = 20;
    • 允许重复声明:在同一个作用域内可以多次用var声明同一个变量,后面的声明会覆盖前面的声明。例如:

      javascript 复制代码
      var c = 5;
      var c = 10;
      console.log(c); // 10

3. const

  • 含义const类似于let,但是变量的值无法被修改。
  • 特点
    • 块级作用域:与let一样具有块级作用域。例如:

      javascript 复制代码
      {
        const d = 30;
      }
      console.log(d); // 报错,d在块级作用域外不可访问
    • 不存在变量提升:在声明之前使用const变量会报错。例如:

      javascript 复制代码
      console.log(e); // 报错
      const e = 40;
    • 不允许重复声明:在同一个作用域内不能用const重复声明已经存在的变量,会报错。例如:

      javascript 复制代码
      const f = 15;
      const f = 20; // 报错
    • 常量特性:声明后不能重新赋值。但是如果声明的是对象或数组,其内部属性或元素可以被修改。例如:

      javascript 复制代码
      const obj = {name: 'Alice'};
      obj.name = 'Bob'; // 允许,修改对象的属性
      // obj = {name: 'Charlie'}; // 报错,不能重新赋值

在现代JavaScript开发中,letconst通常比var更受欢迎,因为它们的块级作用域和不存在变量提升的特性有助于编写更清晰、更不易出错的代码,而const在需要定义常量时非常有用。

相关推荐
断竿散人几秒前
JavaScript 异常捕获完全指南(上):从同步异步到 Promise 错误处理
前端·javascript·promise
wuxuanok几秒前
Web后端开发-请求响应
java·开发语言·笔记·学习
laperter1 分钟前
js中继承关系杂乱?这篇带你理清
javascript
小赖同学啊16 分钟前
光伏园区3d系统管理
前端·javascript·3d
Sally璐璐21 分钟前
IPSAN 共享存储详解:架构、优化与落地实践指南
开发语言·php
前端进阶者23 分钟前
js通知提醒
前端·javascript
像风一样的男人@31 分钟前
python --货车装厢问题
开发语言·python
快起来别睡了36 分钟前
看完你就知道JavaScript 中的对象创建与继承方式原来这么简单?!
javascript
Humbunklung38 分钟前
Rust枚举:让数据类型告别单调乏味
开发语言·后端·rust
Y1nhl41 分钟前
力扣_链表_python版本
开发语言·python·算法·leetcode·链表·职场和发展