TypeScript 类class与修饰符的详细使用教程
一、简介
通过 class
关键字定义一个类,然后通过 new
关键字可以方便的生产一个类的实例对象,这个生产对象的过程叫 实例化
,类的成员就是类中所有的属性和方法。
// 定义类 class Person { // 名称 name: string // 年龄 age: number // 构造函数 constructor(name: string, age: number) { // 更新熟悉数据 this.name = name this.age = age } } // 发送一个人的信息 function sendPerson (person: Person) { console.log(`姓名:${person.name},年龄:${person.age}`) } // 实例化对象 const p = new Person('dzm', 20) sendPerson(p) // 名称:dzm,年龄:20
实例在new
出来的时候,它实际是调用了类中的一个方法进行初始化,这个方法被叫做构造器,一般都会在类中显示地写上 constructor
方法,如果没有显示定义的 constructor
,就会调用系统自带的 constructor
构造函数。
二、成员修饰符
访问修饰符的作用就是用于限制别人乱用类中的东西
访问修饰符
public
:公开的,谁都能用(默认就是public
)private
:私有的,仅类自己能使用,子类与外部都不能使用protected
:受保护的,仅类和类的子类能使用,外部不能使用
// 定义类 class Person { // 公开参数 name: string // 公开参数 public age: number // 私有参数 private num:number = 10 // 内部参数 protected num1: number = 20 // 构造函数 constructor(name: string, age: number) { // 更新熟悉数据 this.name = name this.age = age } // 发送个人信息 public send() { console.log('发送成功1') } // 私有方法 private post() { console.log('发送成功2') } }
只读修饰符
readonly
:只能读不能写
class Person { // 声明赋值 readonly name = 'dzm' } let p = new Person() console.log(p.name) // 不能赋值 // p.name = 'xxx'
readonly
只能在 constructor
构造方法初始化时赋值,或者声明时赋值,之后都不能在修改值。
class Person{ readonly name: string // 构造初始化赋值 constructor(name: string) { this.name = name } }
静态修饰符
static
:静态成员无需实例化,直接通过类名调用
// 定义类 class Person { // 公开参数 name: string // 公开参数 public age: number // 静态参数 static num:number = 10 // 构造函数 constructor(name: string, age: number) { // 更新熟悉数据 this.name = name this.age = age } // 发送个人信息 static send() { console.log('发送成功') } } // 不需要实例化对象,通过类名就能进行访问 console.log(Person.num) Person.send()
总结
1、上面总共分为三种类型修饰符:访问修饰符
、只读修饰符
、静态修饰符
。
2、修饰符是可选的,在没有写任何修饰符的情况下,默认为 public
。
3、同类型修饰符只能有一个,也就是上面 三种修饰符
可以组合起来修饰一个成员。
4、三种类型修饰符有先后顺序,分别是:访问
、静态
、只读
,即:public/static/protected
、static
、readonly
到此这篇关于TypeScript 类class与修饰符的详细使用的文章就介绍到这了,更多相关TypeScript 类class内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
JavaScript 中使用Promise.all()方法经验技巧详解
这篇文章主要为大家介绍了JavaScript 中使用Promise.all()方法经验技巧详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10javascript 变量声明 var,let,const 的区别
这篇文章主要介绍了javascript 变量声明 var,let,const 的区别,变量声明,每种编程语言必不可少的语法,在javascript中,变量的声明相对其他语言来说,算是比较简单的。更多相关的具体内容需要的小伙伴可以参考一下2022-06-06JavaScript.The.Good.Parts阅读笔记(二)作用域&闭包&减缓全局空间污染
块级作用域: 大多数使用c语言语法的语言都有块级作用域,而JavaScript没有块级作用域。2010-11-11
最新评论