TS类的只读属性

最新推荐文章于 2025-05-16 17:40:11 发布

原创最新推荐文章于 2025-05-16 17:40:11 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#typescript #javascript #前端

tpyescript 专栏收录该内容

24 篇文章

订阅专栏

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

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为公共的只读属性，且为字符串类型