当前位置: 首页 > article >正文

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

letconst 都是用于声明变量的关键字,它们与传统的 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 声明循环变量 ii 只在循环体内有效,避免了 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. 不能重新赋值为一个新的对象

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


http://www.kler.cn/a/503317.html

相关文章:

  • 分多个AndroidManifest.xml来控制项目编译
  • OceanBase数据库设计与管理:构建高效分布式数据架构基石
  • Spring Boot 2 学习全攻略
  • 每天五分钟深度学习框架pytorch:快速搭建VGG网络的基础模块VGG块
  • Edge浏览器网页设置深色模式/暗模式
  • Servlet与JSP:Java的秘密花园入口
  • 【spring mvc】文件上传、下载
  • 【练习】力扣热题100 有效的括号
  • C# 多线程基础 锁 死锁 Monitor lock
  • 【Delete 删除数据语法合集】.NET开源ORM框架 SqlSugar 系列
  • Linux Centos 安装Jenkins到服务
  • java_mybatis_mapper_sql语句示例
  • 如何提升买家秀图片的质量?
  • 在VSCode中设置bash命令行内容简写
  • select 绑定一个对象
  • 浅谈云计算12 | KVM虚拟化技术
  • 第1章 走进Qt Quick的世界
  • Jsoup实现实时爬取
  • 戴尔电脑开机出现MBR和GPT处理
  • 《盘古大模型——鸿蒙NEXT的智慧引擎》
  • ffmpeg 编译遇到的坑
  • 开源临床试验软件OpenClinica的安装
  • x86-64架构的Linux服务器上运行.NET 6.0应用程序,安装runtimes
  • UE5中制作地形材质
  • 按键精灵ios越狱脚本教程:多选框联动的ui界面
  • JavaScript系列(22)--模块化进阶