TS类的只读属性

最新推荐文章于 2024-04-22 07:50:51 发布

逆风优雅

最新推荐文章于 2024-04-22 07:50:51 发布

阅读量1.4k

点赞数

分类专栏： tpyescript 文章标签： typescript javascript 前端

本文链接：https://blog.csdn.net/qq_44603011/article/details/122325274

版权

tpyescript 专栏收录该内容

24 篇文章 2 订阅

订阅专栏

本文探讨了如何在JavaScript中使用只读属性（readonly）来创建Person类，区分了公共属性的可修改性和只读属性的不可更改特性。实例化`Person`类并尝试改变只读属性namee的值，展示了其在定义和使用上的区别。

摘要由CSDN通过智能技术生成

class Person {
    constructor(public name:string){} //公共的值name
}
const name1 = new Person('李白') //实例化，并且赋值
name1.name = '李白白' //更改name的值
console.log(name1.name);

上面的这个类中，我们是可以对name的值进行更改的。

// 只读属性
class Person {
    public readonly namee: string //定义抽象类为只读属性，且为字符串
    constructor(name: string) {
        this.namee = name //将name赋值给namee 
    }
}
const name1 = new Person('李白') //实例化，并且赋值
// name1.namee = 'libai'  //因为namee是只读属性，所以只能不能更改他的值
console.log(name1.namee);

定义只读属性通过readonly

public readonly namee: string 表示定义namee为公共的只读属性，且为字符串类型