⚡ 编程实验室🏗️ HTML🎨 CSS⚡ JavaScript🐍 Python🗄️ SQL☕ Java⚛️ React💚 Vue🟢 Node.js⚙️ C语言🐘 PHP🐹 Go🔷 TypeScript🐬 MySQL🔧 C++🎯 C#🦀 Rust🅱️ Bootstrap💡 jQuery🎸 Django🍃 MongoDB👗 Sass🎪 Kotlin📊 R语言📋 XML📊 Excel🐘 PostgreSQL🐳 Docker🅰️ Angular🎮 游戏🏠 网站首页

TS const断言:让字面量类型变得不可变且精确

学习 const 断言(as const)如何将变量推断为最具体的不可变字面量类型。 · 难度:入门 · +15XP

const 断言是什么?

在 TypeScript 中,使用 as const 后缀可以告诉编译器将这个表达式视为其最具体的字面量类型,并且所有属性都变为只读(readonly)。这对于创建常量对象、元组或需要精确类型推断的场景非常有用。

作用总结

特性无 as const有 as const
数组推断string[]readonly ["a", "b"]
对象属性可写,类型放宽只读,字面量类型
数字/字符串number / string精确的字面量数字/字符串

示例

// 没有 as const
let arr = [1, 2, 3];  // number[]

// 有 as const const arr2 = [1, 2, 3] as const; // 类型: readonly [1, 2, 3]

// 对象示例 const config = { url: 'https://api.example.com', timeout: 5000 } as const; // config.url 类型为 'https://api.example.com',而不是 string

练习提示

使用 as const 定义一个颜色映射对象,使得每个颜色名称对应的值都是精确的十六进制字面量。

Ctrl+Enter
🚀 升级VIP
解锁全部课程+AI助手

🏆 学习排行

加载中...

📊 统计

📖 200 篇
0 完成
🔥 0