TypeScriptを基本からまとめてみた【4】【オブジェクト指向 / class】

オブジェクト指向プログラミング(OOP)とは

• 現実世界の物をプログラミングコードで表現する
• どのようにアプリケーションを作るかという方法の１つ
• 人間にとってわかりやすくロジックを分割する方法の１つ

オブジェクト

私たちがコードで扱う具体的なもの
データを保持したりメソッドを持たせたりメソッドを実行したりする

sample.js

{
  name: {
    firstName: "Peter",
    lastName: "Quill"
  },
  age: 38,
  gender: "male"
}

作る方法

• オブジェクトリテラル
  リテラルは文字列や数字などの値のこと。オブジェクトリテラルは、平たく言うとオブジェクトの値。
• Class

クラス(Class)

• Classはオブジェクトの設計図になるもの
• Classから作られたオブジェクトは『インスタンス』と呼ばれる
• 似たようなオブジェクトを複数作成する時に便利

sample1.ts

//クラスを定義する
class Person {
//プロパティを書く　値を入れる　
  name: string = 'Quill';
}

sample2.ts

class Person {
  name: string;
//予約語　初期化や最初の処理を行う時に便利な関数
  constructor(initName: string){
//thisとは（name: string;）が格納されているもの
  this.name = initName;
　}
}
//オブジェクトを作成する
const quill = new Person("Quill");
console.log(quill);

sample3.ts

class Person {
  name: string;
//予約語　初期化や最初の処理を行う時に便利な関数
  constructor(initName: string){
//thisとは（name: string;）が格納されているもの
  this.name = initName;
　}
//メソッドを作成する
greeting(this:{name:string}) {
  console.log(`Hello! My name is ${this.name}`) 
}
//オブジェクトを作成する
const quill = new Person("Quill");
quill.greeting();

プロパティ

クラスが持つデータ。フィールド、メンバ変数とも呼ばれる。

メソッド

クラスで宣言する関数のこと

コンストラクタ

クラスからインスタンスを作る時に行う初期化

インスタンス

クラスから作られたオブジェクト
クラス機能を持つクローンみたいな

参考サイト

【日本一わかりやすいTypeScript入門】TypeScriptで学ぶオブジェクト指向開発

超TypeScript入門 完全パック