メソッド - hiro's note

「メソッド」とはそのインスタンスの「動作」のようなもの。

「名前」や「年齢」などの情報はプロパティで追加したのに対して、メソッドは「挨拶をする」「値を計算する」などの処理のまとまりを表す。

メソッドの定義
メソッドの使い方
メソッド内で値を使う
メソッド内でメソッドを使う

メソッドの定義

メソッドはクラスの中で定義する。

「メソッド名(){}」とすることでメソッドは定義できます。

メソッドは関数と似ている。中括弧「{}」の中にそのメソッドで行いたい処理を記述する。

class クラス名 {
  constructor() {
     ︙
  }
  メソッド名() {
    行いたい処理
  }
}

メソッドの使い方

メソッドは、そのクラスから生成したインスタンスに対して呼び出す。

以下のように「インスタンス.メソッド名()」とすることで、そのメソッドを呼び出し、処理を実行することができる。

class Animal {
  constructor(name, age) {
     ︙
  }
  greet() {　← メソッド名
    console.log("こんにちは！");  ← 処理
  }
}
const animal = new Animal("レオ", 3);
animal.greet();  ← メソッドの呼び出し

こんにちは！

メソッド内で値を使う

メソッド内でインスタンスの値を使用するには、「this」という特殊な値を用いて、「this.プロパティ名」とする。

class Animal {
     ︙
  info() {
    console.log(`名前は${this.name}です`);  インスタンスのnameプロパティの値になる
  }
}
const animal = new Animal("レオ", 3);
animal.info();

名前はレオです

メソッド内でメソッドを使う

以下のようにメソッド内で「this.メソッド名()」とすることで、同じクラスの他のメソッドを使うことができる。

class Animal {
  greet() {
    console.log("こんにちは！");
  }
  info() {
    this.greet(); 上にある同じクラスのメソッドを実行
  }
}