TypeScript 中 Const 和 Readonly 的区别？枚举和常量枚举的区别？
发布时间：2025-11-05 02:43:02 来源：创站工坊 作者：数据库
本文转载自微信公众号「三分钟学前端」，和R和常作者sisterAn 。区别区别转载本文请联系三分钟学前端公众号。枚举
TypeScript 中 const 与 readonly 的量枚区别?
TypeScript 中不可变量的实现方法有两种：
使用 ES6 的 const 关键字声明的值类型 被 readonly 修饰的属性TypeScript 中 readonly
TypeScript 中的只读修饰符，可以声明更加严谨的和R和常可读属性
通常在 interface 、 Class 、区别区别 type 以及 array 和 tuple 类型中使用它，枚举也可以用来定义一个函数的量枚参数
// type type Foo = { readonly bar: number; }; // const 确保 config 不能够被改变了 const foo: Foo = { bar: 123 }; // 不能被改变 foo.bar = 456; // Error: foo.bar 为仅读属性 // 函数 function foo(config: { readonly num: number }) { // .. } const config = { num: 123 } foo(config)区别
const 用于变量， readonly 用于属性 const 在运行时检查，和R和常 readonly 在编译时检查 const 声明的区别区别变量不得改变值，这意味着，站群服务器枚举const 一旦声明变量，量枚就必须立即初始化，和R和常不能留到以后赋值; readonly 修饰的区别区别属性能确保自身不能修改属性，但是枚举当你把这个属性交给其它并没有这种保证的使用者(允许出于类型兼容性的原因)，他们能改变 const foo: { readonly bar: number; } = { bar: 123 }; function iMutateFoo(foo: { bar: number }) { foo.bar = 456; } iMutateFoo(foo); console.log(foo.bar); // 456此时，需要 iMutateFoo 明确的表示，他们的参数不可修改，那么编译器会发出错误警告：
function iTakeFoo(foo: Foo) { foo.bar = 456; // Error: bar 属性只读 } const 保证的不是变量的值不得改动，而是变量指向的云服务器那个内存地址不得改动，例如使用 const 变量保存的数组，可以使用 push ， pop 等方法。但是如果使用 ReadonlyArray 声明的数组不能使用 push ， pop 等方法。枚举和常量枚举的区别?
枚举和常量枚举(const枚举)
使用枚举可以清晰地表达意图或创建一组有区别的用例
// 枚举 enum Color { Red, Green, Blue } // 常量枚举 const enum Color { Red, Green, Blue }区别
枚举会被编译时会编译成一个对象，可以被当作对象使用 const 枚举会在 typescript 编译期间被删除，const 枚举成员在使用的地方会被内联进来，避免额外的性能开销 // 枚举 enum Color { Red, Green, Blue } var sisterAn = Color.Red // 会被编译成 JavaScript 中的 var sisterAn = Color.Red // 即在运行执行时，它将会查找变量 Color 和 Color.Red
// 常量枚举 const enum Color { Red, Green, Blue } var sisterAn = Color.Red // 会被编译成 JavaScript 中的源码库 var sisterAn = 0 // 在运行时已经没有 Color 变量来源：https://github.com/Advanced-Frontend/Daily-Interview-Question
益华科技源码库IT技术网IT资讯网服务器租用香港云服务器亿华云源码下载企商汇编程之道极客码头益强资讯优选全栈开发码力社云站无忧益华科技亿华云计算益华IT技术论坛多维IT资讯运维纵横益强前沿资讯亿华灵动IT资讯网亿华云益强智囊团益强编程舍汇智坊亿华互联技术快报码上建站科技前瞻极客编程亿华智慧云益强科技益强科技思维库亿华科技益强智未来益强编程堂智能时代益强数据堂益华科技云智核益强IT技术网
- Copyright © 2025 Powered by TypeScript 中 Const 和 Readonly 的区别？枚举和常量枚举的区别？,创站工坊 滇ICP备2023006006号-44sitemap