Typescript高级: 深入理解const和readonly

2024-05-09 12:20

本文主要是介绍Typescript高级: 深入理解const和readonly,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

概述

  • 在编程语言中,const 和 readonly 是两种用于声明常量或只读属性的关键字
  • 它们帮助开发者确保数据的不可变性,从而提高代码的安全性和可维护性
  • 虽然这两个概念在不同的编程语言中可能有所差异
  • 但本文将以 TypeScript 为例,深入探讨 const 和 readonly 的使用场景

const 关键字

  • 在 TypeScript(以及JavaScript ES6之后的版本)中
  • const 关键字用于声明一个常量变量,其值在初始化后不能被重新赋值
  • 这意味着一旦给 const 变量赋予了一个初始值,这个值就不能改变
  • 例如,const pi = 3.14; 声明了一个名为 pi 的常量,尝试修改 pi 的值会引发编译错误
  • 一般示例
const arr = [10, 30, 40, "abc"];
// arr = [100, 30, 40, "abc"]; // 错误:不能给常量赋新值const arr2 = [10, 30, 40, "abc"] as const; // 使用 as const 使数组元素变为 readonly
// arr2[0] = 100; // 错误:无法修改只读元素
  • 需要注意的是,对于数组或对象这样的复杂数据类型
  • const 只保证引用不变,数组或对象内部的元素仍然可以被修改
  • 除非这些元素本身也是通过 const 或 readonly 声明的
  • 对于对象和数组,const 保证的是引用的不可变,而非内部结构的冻结
  • 使用 Object.freeze() 可以进一步使对象完全不可变
    const frozenObj = Object.freeze({ key: 'value' }); // 对象及其属性均不可变
    
  • 解构赋值与const:利用解构赋值,可以从 const 数组或对象中提取值
  • 即使原始数据不可变,仍能灵活操作提取出的数据
    const [a, b] = [10, 20] as const; // a 和 b 都是常量
    

readonly 关键字

  • readonly 是 TypeScript 提供的一个修饰符,用于标记类的属性或接口的成员为只读

  • 与 const 不同,它不仅适用于基本类型,还能确保数组或对象的结构不会被改变

  • 即不能添加、删除或修改元素(对于对象,则是不能修改其属性值)

    interface ReadonlyArray<T> {readonly [index: number]: T;
    }
    function showArr(arr: readonly any[]) {// arr[0] = 100; // 错误:试图修改只读数组元素console.log(arr);
    }
  • TypeScript 引入了 readonly 关键字,它主要用于类的属性和接口成员

  • 以声明这些属性或成员只能被读取,而不能被赋值或修改

  • 这对于设计具有不变性特性的类和接口非常有用,尤其是在构建复杂的数据模型时

    class Person {public name: string;readonly birthDate: Date;constructor(name: string, birthDate: Date) {this.name = name;this.birthDate = birthDate;}
    }
    
  • 泛型与readonly:结合泛型,可以创建通用的只读集合类型,增加代码的复用性和类型安全性

    function createReadOnlyArray<T>(items: T[]): readonly T[] {return Object.freeze(items);
    }
    

const 与 readonly 的区别

1 ) 作用域不同

  • const 主要用于变量声明
  • 而 readonly 用于类的属性或接口的定义中,提供更细粒度的控制。

2 ) 修改限制

  • const 确保变量引用不可变,但不阻止数组或对象内容的修改(除非使用 as const 转换)
  • readonly 则直接限制了数组或对象结构的任何变更。

3 ) 应用场景

  • const 适合于那些一旦赋值就不应更改的基本类型或复杂类型的引用
  • readonly 则在设计类和接口时,用来定义那些对外只暴露读取接口
  • 内部可以修改(通过构造函数或方法)的属性

总结

  • const 和 readonly 作为不变性编程的核心概念
  • 在保证代码质量、减少bug、优化性能等方面发挥着重要作用
  • 它们鼓励开发者采用更安全、更易于推理的编程模式,尤其是在团队协作和长期维护的项目中
  • 通过与其他语言特性的结合使用,如泛型、解构赋值等
  • 可以进一步提升代码的灵活性和表达力,构建出既强大又稳定的软件系统

这篇关于Typescript高级: 深入理解const和readonly的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/973405

相关文章

前端高级CSS用法示例详解

《前端高级CSS用法示例详解》在前端开发中,CSS(层叠样式表)不仅是用来控制网页的外观和布局,更是实现复杂交互和动态效果的关键技术之一,随着前端技术的不断发展,CSS的用法也日益丰富和高级,本文将深... 前端高级css用法在前端开发中,CSS(层叠样式表)不仅是用来控制网页的外观和布局,更是实现复杂交

Java并发编程必备之Synchronized关键字深入解析

《Java并发编程必备之Synchronized关键字深入解析》本文我们深入探索了Java中的Synchronized关键字,包括其互斥性和可重入性的特性,文章详细介绍了Synchronized的三种... 目录一、前言二、Synchronized关键字2.1 Synchronized的特性1. 互斥2.

一文带你深入了解Python中的GeneratorExit异常处理

《一文带你深入了解Python中的GeneratorExit异常处理》GeneratorExit是Python内置的异常,当生成器或协程被强制关闭时,Python解释器会向其发送这个异常,下面我们来看... 目录GeneratorExit:协程世界的死亡通知书什么是GeneratorExit实际中的问题案例

kotlin中的行为组件及高级用法

《kotlin中的行为组件及高级用法》Jetpack中的四大行为组件:WorkManager、DataBinding、Coroutines和Lifecycle,分别解决了后台任务调度、数据驱动UI、异... 目录WorkManager工作原理最佳实践Data Binding工作原理进阶技巧Coroutine

深入解析Spring TransactionTemplate 高级用法(示例代码)

《深入解析SpringTransactionTemplate高级用法(示例代码)》TransactionTemplate是Spring框架中一个强大的工具,它允许开发者以编程方式控制事务,通过... 目录1. TransactionTemplate 的核心概念2. 核心接口和类3. TransactionT

深入理解Apache Airflow 调度器(最新推荐)

《深入理解ApacheAirflow调度器(最新推荐)》ApacheAirflow调度器是数据管道管理系统的关键组件,负责编排dag中任务的执行,通过理解调度器的角色和工作方式,正确配置调度器,并... 目录什么是Airflow 调度器?Airflow 调度器工作机制配置Airflow调度器调优及优化建议最

一文带你理解Python中import机制与importlib的妙用

《一文带你理解Python中import机制与importlib的妙用》在Python编程的世界里,import语句是开发者最常用的工具之一,它就像一把钥匙,打开了通往各种功能和库的大门,下面就跟随小... 目录一、python import机制概述1.1 import语句的基本用法1.2 模块缓存机制1.

深入理解C语言的void*

《深入理解C语言的void*》本文主要介绍了C语言的void*,包括它的任意性、编译器对void*的类型检查以及需要显式类型转换的规则,具有一定的参考价值,感兴趣的可以了解一下... 目录一、void* 的类型任意性二、编译器对 void* 的类型检查三、需要显式类型转换占用的字节四、总结一、void* 的

深入理解Redis大key的危害及解决方案

《深入理解Redis大key的危害及解决方案》本文主要介绍了深入理解Redis大key的危害及解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着... 目录一、背景二、什么是大key三、大key评价标准四、大key 产生的原因与场景五、大key影响与危

深入理解C++ 空类大小

《深入理解C++空类大小》本文主要介绍了C++空类大小,规定空类大小为1字节,主要是为了保证对象的唯一性和可区分性,满足数组元素地址连续的要求,下面就来了解一下... 目录1. 保证对象的唯一性和可区分性2. 满足数组元素地址连续的要求3. 与C++的对象模型和内存管理机制相适配查看类对象内存在C++中,规