JavaScript クラスのメソッドの書き方

Question

初心者のため、これまでサンプルコードなどを参考に書いており、完全に理解していないと思うので、
質問です。

ageUp() というメソッドで、
年齢インクリメントに増加
身長インクリメントに増加
体重インクリメントに増加
気分ディクリメントに減少
銀行口座は10ごとにインクリメントに増加
というように書きたい場合、下記のように書いてみました(該当箇所のみ貼り付けてあります)。

class Person {
  constructor(name){ 
    this.name = name;
    this.age = age;
    this.height = height;
    this.weight = weight;
    this.mood = mood;
    this.bankAccount = bankAccount;
    }
ageUp(num){
  for (let i = 0; i < num; i++){
    this.age++;
    this.height++;
    this.weight++;
    this.mood--;
    this.bankAccount+=10;
  }
  }

初心者のため、上記コードを確認するためのテストの書き方が分からず、
アドバイスいただけますと幸いです。

Answer 1

Q.上記コードを確認するためのテストの書き方が分からない

Ans.まずテストコードより前にコンソールでエラーを確認する癖をつけましょう。

まずは落ち着いてそのJS(JavaScript)のコードを貼り付けてブラウザのコンソールを確認してみましょう。
※もしブラウザのコンソールを知らない、というかコードを実行するやり方がわからないという場合は少しググってみてそれでもわからなければどこがどうわからないのかこの回答にコメントしてみてください。

コンソールを見てみると添付の画像にあるように「Uncaught SyntaxError: Unexpected end of input」と出ています。

このエラー文ですがSyantaxErrorは「文法間違い」、Unexpected end of inputは「予期せぬ終わりとなった入力」、くらいの意味です。(落ち着いて読めば簡単な英語なので読めますよ！)

もう一度、自分のコードを落ち着いて見てみてください。
どうやら、classのお尻の中カッコ「};」を閉じ忘れしているみたいです！追加してあげましょう。

そしてブラウザをリロードして再度、コンソールを確認してみてください。エラーがなくなっていますね。
上記のように「実行=>コンソール確認=>調べる/考える=>修正=>確認」としていくことでエラーを解決していきましょう。

それでコードの方ですが、既に別の方から指摘があるようにageやheightの出どころがありませんよね。

// hiro_ikeさんのコードのお尻を修正しただけのコード
class Person {
  constructor(name){ 
	this.name = name;
	this.age = age; // このageはどこからきたのか？
	this.height = height; //  このheightはどこからきたのか？
	this.weight = weight;  //このweightはどこからきたのか？
	this.mood = mood; // このmoodはどこからきたのか？
	this.bankAccount = bankAccount; // このbackAccountはどこからきたのか？
	}
ageUp(num){
  for (let i = 0; i < num; i++){
	this.age++;
	this.height++;
	this.weight++;
	this.mood--;
	this.bankAccount+=10;
  }
  }
};

// インスタンス化してみます。
man = new Person("hiro")

これを実行するとまた下記のようなエラーがコンソールに出ました。

今回も落ち着いてエラー文を読んでいきましょう。
「ageがundefinedですよ」と書いてあります。このエラー文は「ageという変数が未定義だよ」ということを伝えてくれています。

またエラーに該当する行数まで教えてくれています！

このエラーを直すにはしっかりとconstructor関数の引数で値を与えて上げなければいけない！ということに気付けたでしょうか？

それでは該当のconstructor関数とインスタンス化の部分を修正してみましょう。

class Person {
  constructor(name, age, height, weight, mood, bankAccount){ 
~~~省略~~~
man = new Person("hiro", 20, 60, "happy", "Mizuho_09")
console.log(man.name) // => hiroと表示されました！

という感じです。なんとなく、プログラムを書き進めていく方法、エラーを直す方法と伝わったでしょうか？残りの部分についても再度質問者さんの方で考えてみていろいろ試行錯誤してみてください。

もしどうしてもわからなければまたコメントしてくださいねー。

いったん、これで回答とします。

Answer 2

テストするまでもなく、ところどころおかしい。

class Person {
  constructor(name){ 
    this.name = name;
    this.age = age; // <- どこにあるの?
    this.height = height; // <- どこにあるの?
    this.weight = weight; // <- どこにあるの?
    this.mood = mood; // <- どこにあるの?
    this.bankAccount = bankAccount; // <- どこにあるの?
  }
  ageUp(num){
    for (let i = 0; i < num; i++){
    this.age++;
    this.height++;
    this.weight++;
    this.mood--;
    this.bankAccount+=10;
  }
}

それと、テストって、なんのテストでしょうか。

テストと言っても、何種類かあったはずです。
大枠でも『ホワイトボックステスト』、『ブラックボックステスト』。

小枠だと、『条件分岐網羅』とか。

単に動くかどうかなら、

普通に呼び出して使えばいいのでは?
せいぜい、これを使えば良くない?