TypeScript中类的用法
程序员文章站
2022-07-03 20:53:24
...
属性
使用属性列表来描述类中的属性
上代码!(看下与es6中的用法哪里不同)
class User {
name: string; // 新写法
age: number; // 新位置
sex: "男" | "女" = "男"; // 设置默认值,在这里设置默认值就不用在下面初始化和传递参数了,传递参数表示覆盖初始值,可以不传
pid: string | undefined; // 表示可有可无的值(不用初始化),可以后续赋值,简写为【?】也可以这样写【pid: string | null = null】
readonly id: number; // 只读属性,不能改
constructor( name: string, age: number ) {
this.id = Math.random();
this.name = name;
this.age = age; // 没有设置默认值的需要初始化,不然不严格
}
}
const u = new User( "aa", 2 );
u.pid = "123"; // 会报错,只能使用初始定义的
属性可以修饰为可选的
属性可以修饰为只读的
属性的初始化检查
- 不初始化值会报错的严格配置(把配置添加到ts的配置文件):
trictPropertyInitialization:true
访问修饰符
访问修饰符可以控制类中的某个成员的访问权限
在js中是使用Symble控制的
在ts中:public:默认的访问修饰符,公开的,所有的代码均可访问
private:私有的,只有在类中可以访问
protected:。。。
属性简写
如果某个属性,通过构造函数的参数传递,并且不做任何处理的赋值给该属性。可以进行简写。
class User {
name: string;
age: number;
constructor( name: string, age: number ) {
this.name = name;
this.age = age;
}
}
// 可以简写为下面
class User {
constructor( public name: string, public age: number ) { }
}
访问器
作用:用于控制属性的读取和赋值,es6中也是这样使用
class User { // 设置私有属性前面加"_"
constructor( public name: string, private _age: number ) { }
set age( value: number ) { // 名字不能和属性相同,不然会出现无限递归
this._age = value;
}
get age() { // 其实就当做是函数处理
return Math.floor( this._age );
}
}
上一篇: typescript中的类(笔记)
下一篇: web页面局部打印