【微信小程序】let和const-综合实训

let 和 const 都是用于声明变量的关键字，它们与传统的 var 关键字相比，有很多不同之处。

let 声明块级作用域变量，可再赋值；const 声明块级作用域常量，不可再赋值。

以下是它们的详细介绍：

一、基本概念

• let

  • let 声明的变量只在块级作用域（用 {} 包裹的区域）内有效。它解决了 var 声明的变量存在变量提升和作用域链问题。例如：

  {
      let a = 10;
  }
  console.log(a); // ReferenceError: a is not defined

  在这个例子中，a 只在 {} 这个块级作用域内有效，外部无法访问。

  • let 声明的变量在声明之前是不可用的，这被称为“暂时性死区”。比如：

  console.log(b); // ReferenceError: b is not defined
  let b = 20;

  在 let b = 20; 这行代码之前，b 是不可用的，这避免了像 var 那样变量提升导致的错误使用未初始化的变量的情况。

• const

  • const 用于声明常量，它声明的变量必须立即初始化，且一旦赋值后就不能再被重新赋值。例如：

  const PI = 3.14;
  // PI = 3.15; // TypeError: Assignment to constant variable.

  在这个例子中，PI 被声明为常量，赋值为 3.14 后，再尝试修改它的值会报错。

  • const 声明的常量也具有块级作用域的特性，和 let 一样，只在声明它的块级作用域内有效。例如：

  {
      const MAX = 100;
  }
  console.log(MAX); // ReferenceError: MAX is not defined

  MAX 只在 {} 内部有效，外部无法访问。

二、使用场景

• let

  • 当需要在某个特定的代码块内（如循环体、条件语句块等）使用一个变量，并且这个变量的值可能会在代码块内发生变化时，使用 let 是合适的。例如在循环中：

  for (let i = 0; i < 10; i++) {
      console.log(i);
  }
  // i 在循环外部不可用

  这里使用 let 声明循环变量 i，i 只在循环体内有效，避免了 var 声明循环变量可能导致的在循环外部意外访问到循环变量的情况。

• const

  • 当需要定义一个值在程序运行过程中不会改变的常量时，应该使用 const。比如定义一些配置常量、数学常量等。例如在微信小程序中定义 API 请求的基础 URL：

  const BASE_URL = 'https://api.example.com';

  使用 const 可以清楚地表明这个值是不应该被修改的，有助于代码的可读性和维护性。同时，对于对象或数组类型的常量，虽然不能重新赋值给另一个对象或数组，但可以修改其内部的属性或元素。例如：

  const user = {
      name: '张三',
      age: 20
  };
  user.name = '李四'; // 合法，修改对象内部属性
  // user = {}; // TypeError: Assignment to constant variable. 不能重新赋值为一个新的对象

在微信小程序开发中，合理使用 let 和 const 可以使代码更加清晰、规范，减少一些常见的变量作用域和变量提升相关的问题。