TypeScript:2.constructorとは

そもそもconstructorとは

constructorはクラスからインスタンスを作るときに自動的に呼び出される特別な関数

exem.ts

const food = new Food(element); //これを実行するとよばれる

newでインスタンスを作った瞬間に、自動的にconstructor()の中身が実行される

基本の書き方と動き

exem.ts

class Food{
    constructor() {
        console.log("Foodのインスタンスが生成されました");
    }
}
const myFood = new Food(); //コンソールにログが出る

引数を受け取るconstructor

exem.ts

class Food{
    name: string;

    //コンストラクタで引数を受け取っている
    constructor(name: string){
        this.name = name;
    }

    sayName() {
        console.log(`この食べ物は ${this.name} です！`)
    }
}

const apple = new Food('リンゴ');
apple.sayName();//この食べ物はリンゴです！

引数を受け取るconstructor

exem.ts

class Food{
    constructor(public name: string){}
}

const banana = new Food('バナナ');
console.log(banana.name)

下記と同じことをやっている

exem.ts

class Food{
    name: stirig;

    constructor(name: string){
        this.name = name
    }
}

publicをつけると、自動的に「プロパティ宣言＆代入」をやってくれる

🎯 まとめ：TypeScriptのconstructorとは？

・いつ呼ばれる？
　→new した時、自動で
・何のために使う？
　→プロパティの初期化、引数の受け取り、初期処理
・引数あり
　→constructor(name: string) など
・プロパティとまとめて定義
　→constructor(public name: string) みたいに省略OK