【初心者】TypeScript文法を理解していくvol.7

はじめに

TypeScriptを一通り勉強してきた。今回はオブジェクト指向を学び直したい

オブジェクト指向

再利用するための仕組みである。

オブジェクト指向の用語

プロパティ：クラスが持つデータ・フィールド・メンバ変数

.tsx

class Person {
  // => add: プロパティ
  name: string
  age: number
}

メソッド：クラス内で宣言して利用できる関数のこと

.tsx

class Person {
    // プロパティ
    name: string
    age: number
    
    // => add: メソッド
    introduceMyself(): void {
    // thisを使う（クラスの中にある、物を参照している）
    // thisがないと外部から参照していることを意味してしまう
    console.log(`My name is ${this.name}. I am ${this.age} years old`)
}
}

${this.name}はクラスの中の物を参照する

• thisがあると、クラスの中にある物を参照する

• thisがないと、外部から参照していることを示す

インスタンス：クラスから生成されたオブジェクト　
（クローンみたいな感じ）

.tsx

// => add: インスタンス
// クラスから生成されたオブジェクト
const me = new Person("Takaaki", 30)

コンストラクタ：クラスからインスタンスを生成する際に行う初期化の作業

.tsx

class Person {

  name: string
  age: number

  // => add: コンストラクタ
  // クラスからインスタンスを生成する際に行う初期化
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
  
  // メソッド
  introduceMyself(): void {
    console.log(`My name is ${this.name}. I am ${this.age} years old`);
  }
}

  // インスタンス
  // クラスから生成されたオブジェクト
  const me = new Person("Takaaki", 30)
  me.introduceMyself();

おわりに

TypeScriptのキャッチアップ一通り終了。GWはアプリを作ります！