快捷導(dǎo)航

TypeScript 類class與修飾符的詳細(xì)使用教程

更新時(shí)間：2022年06月15日 15:36:46 作者：卡爾特斯

通過 class 關(guān)鍵字定義一個(gè)類，然后通過 new 關(guān)鍵字可以方便的生產(chǎn)一個(gè)類的實(shí)例對(duì)象，這個(gè)生產(chǎn)對(duì)象的過程叫實(shí)例化，類的成員就是類中所有的屬性和方法，這篇文章主要介紹了TypeScript 類class與修飾符的詳細(xì)使用,需要的朋友可以參考下

一、簡介

通過 class 關(guān)鍵字定義一個(gè)類，然后通過 new 關(guān)鍵字可以方便的生產(chǎn)一個(gè)類的實(shí)例對(duì)象，這個(gè)生產(chǎn)對(duì)象的過程叫 實(shí)例化，類的成員就是類中所有的屬性和方法。

// 定義類
class Person {
  // 名稱
  name: string
  // 年齡
  age: number
  // 構(gòu)造函數(shù)
  constructor(name: string, age: number) {
    // 更新熟悉數(shù)據(jù)
    this.name = name
    this.age = age
  }
}
// 發(fā)送一個(gè)人的信息
function sendPerson (person: Person) {
  console.log(`姓名：${person.name}，年齡：${person.age}`)
}
// 實(shí)例化對(duì)象
const p = new Person('dzm', 20)
sendPerson(p) // 名稱：dzm，年齡：20

實(shí)例在new出來的時(shí)候，它實(shí)際是調(diào)用了類中的一個(gè)方法進(jìn)行初始化，這個(gè)方法被叫做構(gòu)造器，一般都會(huì)在類中顯示地寫上 constructor 方法，如果沒有顯示定義的 constructor，就會(huì)調(diào)用系統(tǒng)自帶的 constructor 構(gòu)造函數(shù)。

二、成員修飾符

訪問修飾符的作用就是用于限制別人亂用類中的東西

訪問修飾符

public：公開的，誰都能用（默認(rèn)就是 public）
private：私有的，僅類自己能使用，子類與外部都不能使用
protected：受保護(hù)的，僅類和類的子類能使用，外部不能使用

// 定義類
class Person {
  // 公開參數(shù)
  name: string
  // 公開參數(shù)
  public age: number
  // 私有參數(shù)
  private num:number = 10
  // 內(nèi)部參數(shù)
  protected num1: number = 20
  // 構(gòu)造函數(shù)
  constructor(name: string, age: number) {
    // 更新熟悉數(shù)據(jù)
    this.name = name
    this.age = age
  }
  // 發(fā)送個(gè)人信息
  public send() {
    console.log('發(fā)送成功1')
  }
  // 私有方法
  private post() {
    console.log('發(fā)送成功2')
  }
}

只讀修飾符

readonly：只能讀不能寫

class Person {
  // 聲明賦值
  readonly name = 'dzm'
}
let p = new Person()
console.log(p.name)
// 不能賦值
// p.name = 'xxx'

readonly 只能在 constructor 構(gòu)造方法初始化時(shí)賦值，或者聲明時(shí)賦值，之后都不能在修改值。

class Person{
  readonly name: string
  // 構(gòu)造初始化賦值
  constructor(name: string) {
    this.name =  name
  }
}

靜態(tài)修飾符

static：靜態(tài)成員無需實(shí)例化，直接通過類名調(diào)用

// 定義類
class Person {
  // 公開參數(shù)
  name: string
  // 公開參數(shù)
  public age: number
  // 靜態(tài)參數(shù)
  static num:number = 10
  // 構(gòu)造函數(shù)
  constructor(name: string, age: number) {
    // 更新熟悉數(shù)據(jù)
    this.name = name
    this.age = age
  }
  // 發(fā)送個(gè)人信息
  static send() {
    console.log('發(fā)送成功')
  }
}
// 不需要實(shí)例化對(duì)象，通過類名就能進(jìn)行訪問
console.log(Person.num)
Person.send()