122 replies

Need some help understanding how to extend a JavaScript class

To start, I did read this: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/extends

But there is almost nothing there that I understand or recognize enough as something familiar that I can latch onto, so that's not really helpful.

All I'm trying to achieve is similar functionality to what this PHP example would do:

<?php // Animal.php
namespace Animals;

class Animal {

  public function __construct(protected string $noise){}

  protected function makeNoise(): void {
    echo ucwords("{$this->noise}!");
  }

}

// elsewhere, in a separate file...

<?php // Rat.php
namespace Animals/Mammals;

use Animals/Animal;

class Rat extends Animal {

  public function __construct(){
    Animal::__construct("squeak");
    echo $this->makeNoise(); // Squeak!
  }

}

<?php // Animal.php
namespace Animals;

class Animal {

  public function __construct(protected string $noise){}

  protected function makeNoise(): void {
    echo ucwords("{$this->noise}!");
  }

}

// elsewhere, in a separate file...

<?php // Rat.php
namespace Animals/Mammals;

use Animals/Animal;

class Rat extends Animal {

  public function __construct(){
    Animal::__construct("squeak");
    echo $this->makeNoise(); // Squeak!
  }

}

I'm having a lot of trouble understanding how I'm supposed to make JavaScript work like that, with the shared properties and methods. I figured it'd be pretty similar to set up, but it's clearly not, and I'm really stumped. I have no idea where to start. If anyone could shed some light on this, that would be great.

Thanks.

KP-C

Kevin Powell - Community•5mo ago•

122 replies

Ray

Need some help understanding how to extend a JavaScript class

<?php // Animal.php
namespace Animals;

class Animal {

  public function __construct(protected string $noise){}

  protected function makeNoise(): void {
    echo ucwords("{$this->noise}!");
  }

}

// elsewhere, in a separate file...

<?php // Rat.php
namespace Animals/Mammals;

use Animals/Animal;

class Rat extends Animal {

  public function __construct(){
    Animal::__construct("squeak");
    echo $this->makeNoise(); // Squeak!
  }

}

<?php // Animal.php
namespace Animals;

class Animal {

  public function __construct(protected string $noise){}

  protected function makeNoise(): void {
    echo ucwords("{$this->noise}!");
  }

}

// elsewhere, in a separate file...

<?php // Rat.php
namespace Animals/Mammals;

use Animals/Animal;

class Rat extends Animal {

  public function __construct(){
    Animal::__construct("squeak");
    echo $this->makeNoise(); // Squeak!
  }

}

Need some help understanding how to extend a JavaScript class

Similar Threads

Need some help understanding how to extend a JavaScript class

Similar Threads

Similar Threads

Similar Threads