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在需要定义常量时非常有用。

相关推荐
Icoolkj4 小时前
VuePress 与 VitePress 深度对比:特性、差异与选型指南
前端·javascript·vue.js
honder试试5 小时前
焊接自动化测试平台图像处理分析-模型训练推理
开发语言·python
^Rocky5 小时前
JavaScript性能优化实战
开发语言·javascript·性能优化
ponnylv6 小时前
深入剖析Spring Boot启动流程
java·开发语言·spring boot·spring
萧邀人6 小时前
第一课、Cocos Creator 3.8 安装与配置
开发语言
西陵6 小时前
Nx带来极致的前端开发体验——任务编排
前端·javascript·架构
笑鸿的学习笔记6 小时前
JavaScript笔记之JS 和 HTML5 的关系
javascript·笔记·html5
Jayden_Ruan6 小时前
C++逆向输出一个字符串(三)
开发语言·c++·算法
不吃鱼的羊7 小时前
启动文件Startup_vle.c
c语言·开发语言
VBA63377 小时前
VBA之Word应用第四章第二节:段落集合Paragraphs对象(二)
开发语言