Google Apps Scriptでクラスに最も簡単なプロパティを追加する方法

photo credit: La Chachalaca Fotografía Sunflower + Instant Sunflower via photopin (license)

みなさん、こんにちは！
タカハシ(@ntakahashi0505)です。

「初心者でもわかるGoogle Apps Scriptのクラス」をテーマにシリーズでお伝えしております。

前回の記事はこちら。

初心者でもできるGoogle Apps Scriptで最も簡単なクラスを作る方法

今回は、初心者でもできるGoogle Apps Scriptで最も簡単なクラスを作る方法です。クラス、new演算子、インスタンスという難しそうなワードも超丁寧に解説していきますよ。

GASで最も簡単なクラスの作り方をお伝えしました。

ただ、ちょっと簡単すぎて「空っぽのオブジェクト」を作るクラスだったんですよね…

ということで、今回はGoogle Apps Scriptでクラスに最も簡単なプロパティを追加する方法です。

プロパティを追加して、「空っぽじゃないオブジェクト」を生成するクラスを作ります。

あと、thisキーワードの意味についてもお伝えしますよ。

では、行ってみましょう！

前回のおさらい
クラスにプロパティを追加する
1. constructorメソッドとは
2. thisキーワードとは
インスタンス生成時にプロパティをセットする
1. インスタンス生成時に引数を渡す
まとめ
連載目次：初心者向けGoogle Apps Scriptでクラスを作ろう

前回のおさらい

まずは、前回のおさらいです。

作成したスクリプトはこちらでした。

function myFunction() {
 
  class Person {
  }

  const p = new Person();
  console.log(p);
 
}

Personという名前のクラスを作成しました。

ですが、クラスの定義の内容が空っぽでしたから、生成されたインスタンスも空っぽのオブジェクトでした。

今回は、constructorメソッドというものを使ってプロパティを定義していきます。

クラスにプロパティを追加する

クラスから生成されたインスタンスはオブジェクトですから、プロパティとメソッドを持つことができるはずです。

ということで、まずは生成したインスタンスにプロパティを持たせるようにしてみましょう。

constructorメソッドとは

クラスにプロパティを定義するには、クラス内にconstructorメソッドというものを定義します。

クラス内に以下の構文による定義を追加します。

constructor(仮引数1, 仮引数2,…){
　//生成時の処理
}

constructorメソッドは、new演算子による、クラスのインスタンス生成時に呼び出される特別なメソッドです。

例えば、クラスPersonから、nameという１つのプロパティを持つオブジェクトを生成したいときには、以下のようにconstructorメソッドを定義します。

function myFunction() {
 
  class Person {
    constructor() {
      this.name = 'Bob';
    }
  }
 
  const p = new Person();
  console.log(p);

}

ご覧のとおり、class文の中に記述しますので、もう一段インデントを入れてくださいね。

では、実行してログを確認してみましょう！

インスタンスにnameプロパティが追加されていることを確認できますね。

thisキーワードとは

前述のスクリプトには「this」という見慣れないものが登場しましたね…

これは、thisキーワードと呼ばれるもので、constructorメソッド内で使った場合は生成されたインスタンス自体を表すキーワードとなります。

ですから、constructorメソッド内で以下のように記述することで、そのプロパティを定義することができるというわけです。

this.プロパティ = 値

このthisキーワードですが、「どこで使うか」によって、その表すものが変わってきますので注意が必要です。constructorメソッド以外で使用する場合については、別の役割を持つ場合がありますので、必要に応じて紹介をしていきます。

インスタンス生成時にプロパティをセットする

では、以下のようなスクリプトを作って実行してみましょう。

クラスPersonからインスタンスを２回作ってみようというものです。

function myFunction() {
 
  class Person {
    constructor() {
      this.name = 'Bob';
    }
  }
 
  const p = new Person();
  console.log(p);
 
  const q = new Person();
  console.log(q);
 
}

ログを確認してみると…

生成した２つのインスタンスについて、そのnameプロパティが両方とも「Bob」になっちゃいますね。

まあ、当たり前と言えば当たり前ですが。

別のインスタンスであれば、そのプロパティに別の値を格納したいですよね…

生成してからプロパティをいちいち上書きするのもバカバカしいですし。

いったい、どうすればよいでしょうか？

インスタンス生成時に引数を渡す

さて、前回の記事で、new演算子によるインスタンス生成についてお伝えしました。

しかし、構文としては少し不完全で、実際は以下のように書くことができます。

new 関数名(引数1, 引数2,…)

ほら、インスタンス生成時に、渡せるんですよ、引数が。

そして、この引数がどこに渡されるかというと、constructorメソッドの仮引数がその引数をを受け取るのです。

そして、constructorメソッドではその受け取った値を、プロパティに代入する形にしてあげれば良いんですね。

つまり、以下のようなスクリプトにするのです。

function myFunction() {
 
  class Person {
    constructor(name) {
      this.name = name;
    }
  }
 
  const p = new Person('Bob');
  console.log(p);
 
  const q = new Person('Tom');
  console.log(q);
 
}

実行してログを確認すると…