ここは、ふぇりあ16歳が不定期に連載しているオンライン小説のページです。

VNIふぇりあ16歳へ


ゼロからわかる現代JavaScript

42.引数を二つ以上持つメソッドとコンストラクタ

学んできてからなんとなく使ってきたメソッドですが

実は引数を二つ以上取ることもできます。

使い方は簡単で

メソッド名(引数, 引数、[引数・・・])

と定義するだけです。

それはクラスのコンストラクタについても同じです。

今回使用するソースコード
function main() {
  document.write("・二つの引数を使った足し算:<br>");
  document.write(add2(1, 2));

  document.write("<br><br>");

  document.write("・三つの引数を使った足し算:<br>");
  document.write(add3(1, 2, 3));

  document.write("<br><br>");

  document.write("・二つの引数を使った足し算(コンストラクタ):<br>");
  var mc = new addClass(3, 4);

  document.write("・三つの引数を使った足し算(コンストラクタ):<br>");
  var mc = new addClass2(3, 4, 5);
}

//引数を二つ取るメソッド
function add2(x, y){
  var a = x + y;
  return a;
}
//引数を三つ取るメソッド
function add3(x, y, z) {
  var a = x + y + z;
  return a;
}
//引数を二つ取るコンストラクタ
function addClass(x, y) {
  var obj = this;
  obj.a = x, obj.b = y;
  var c = obj.a + obj .b;

  document.write(c);
  document.write("<br><br>");
}
//引数を三つ取るコンストラクタ
function addClass2(x, y, z) {
  var obj = this;
  obj.a = x, obj.b = y, obj.c = z;
  var d = obj.a + obj.b + obj.c;

  document.write(d);
  document.write("<br><br>");
}

これは簡単ですね。

実行結果

コラム:

メソッドとコンストラクタの関係をよく学んでおくと
オブジェクト指向は納得しやすいです。

(C)著作権はふぇりあ16歳とお兄ちゃんにあります。
無断転載、盗用は禁止です。