[Typescript] Prevent Type Widening of Object Literals with TypeScript's const Assertions

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了[Typescript] Prevent Type Widening of Object Literals with TypeScript's const Assertions，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含918字，纯文字阅读大概需要2分钟。

内容图文

A const assertion is a special type assertion that uses the const keyword instead of a specific type name. When using a const assertion on an object literal expression, all properties will become readonly properties and no literal types within the expression will be widened.

 

const ORIGIN = {
    x: 0,
    y: 0
}

// works
ORIGIN.x = 1

 

If you don't want user able to change it:

const ORIGIN: {
    readonly x: number,
    readonly y: number
} = {
    x: 0,
    y: 0
}
// Typescript complian
// Cannot assign to 'x' because it is a read-only property.
ORIGIN.x = 1

 

Better way:

const ORIGIN = {
    x: 0,
    y: 0
} as const
// Typescript complian
// Cannot assign to 'x' because it is a read-only property.
ORIGIN.x = 1

 

But `as const` doesn't enforce in runtime. If we do want to prevent mutate the object, we can do:

const ORIGIN = Object.freeze({
    x: 0,
    y: 0
} as const)
// Typescript complian
// Cannot assign to 'x' because it is a read-only property.
ORIGIN.x = 1

 

内容总结

以上是互联网集市为您收集整理的[Typescript] Prevent Type Widening of Object Literals with TypeScript's const Assertions全部内容，希望文章能够帮你解决[Typescript] Prevent Type Widening of Object Literals with TypeScript's const Assertions所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---