JavaScript入門者 プロパティを用意しても未定義となる理由が知りたい。

Question

提示コードのコメント部//////////内部コードですがプロパティを用意してもなぜ未定義と表示されるのでしょうか？参考サイトの通りにやってもエラーが出ます。

参考サイト：　https://www.tohoho-web.com/js/class.htm

Uncaught TypeError: Cannot read properties of undefined (reading 'getPosition')
    at Game.js:134
    at Array.forEach (<anonymous>)
    at Game.Update (Game.js:131)
    at Entry.Loop (Entry.js:13)
    at draw (Main.js:19)
    at p5._main.default.redraw (p5.js:70809)
    at _draw (p5.js:63046)

class Enemy
{
      constructor(pos)
      {
            this.position = new Vector(pos.x,pos.y);
            this.alive = true;
            this.size = 50;
      }

      Init(pos)
      {
            this.position = new Vector(pos.x,pos.y);
            this.alive = true;

      }

      Update()
      {

      }

      Renderer()
      {
            //fill(color(0,100,0));
            line(this.position.x,this.position.y,this.position.x + this.size,this.position.y + this.size);
//            triangle(this.position.x,this.position.y + this.size,
  //                this.position.x - this.size,this.position.y - this.size,
    //              this.position.x + this.size,this.position.y - this.size);

      }

}


class Player
{
      constructor()
      {
            this.acce = new Vector(0,0);  //sin波
            this.position = new Vector(300,300);
            this.acce = new Vector(0,0);
            this.alive = true;
            this.size = 100;
      }

      get getPosition()
      {
            return this.position;
      }

      set setPosition(p)
      {
            this.position.x = p.x;
            this.position.y = p.y;

      }


      Update()
      {
            KeyInput(this.position,this.acce);
      }


      Renderer()
      {
            line(this.position.x,this.position.y,this.position.x + this.size,this.position.y + this.size);

      }

}

class Bullet
{

}


class Game 
{

      //オブジェクトプール
      EnemyInstance(pos)
      {
            this.enemy.forEach(item =>
            { 

                  if(item.alive === false)
                  {
                        item.Init(pos);
                        return;     
                  }


            });

            this.enemy.push(new Enemy(new Vector(pos.x,pos.y)));
            return;
      }

      constructor()
      {

            this.enemy = new Array();     //Enemy 配列
            this.Player = new Player();   //Player

            for(let i = 0; i< 10; i++)
            {
                  this.EnemyInstance(new Vector(100 + 40 * i,100));
            }


      }


      Collision(posA,posB)
      {
            if(Collision.LineSegment(posA,posB) == true)
            {
                  return true;
            }
            else
            {
                  return false;
            }
      }

      Update()
      {
            this.enemy.forEach(item =>
            {
                  item.Update();
////////////////////////////////////////////////////////////////////////////////////////////////////////////
                  if((this.Collision(this.player.getPosition,item.position) === true) && (item.alive === true))
                  {
                        item.alive = false;
                  }
////////////////////////////////////////////////////////////////////////////////////////////////////////////
            });




      }


      Renderer()
      {
            this.enemy.forEach( item => item.Renderer());     
            this.plyer.Renderer();      
      }






}

Answer 1

プロパティが未定義なのではありません。

undefinedのオブジェクトにgetPositionというプロパティがないとエラーメッセージに書かれているのです。

Comments

[退会済みユーザー]

なるほど質問ですがJacaScirptの場合はget set を定義するかしか参照する方法はないのでしょうか？

Answer 2

大文字・小文字をタイプミスしていませんか？

誤）this.Player = new Player();   //Player
正）this.player = new Player();   //Player