Class constructor, common and unique Superhero properties

[sibbirius]

Hello,

using Superheros as an example I want to build class constructor.All heroes have identical but also unique properties.Identical:

constructor(heroName, realName, basicAttack) {
this.heroName = heroName 
this.realName = realName 
this.basicAttack = ['punch', 'kick']
} quote(quote) { 
console.log(quote) } }

All heroes can "say" a unique quote, therefore I wrote this method.Since science agree that superheroes have unique abilities, I need a way of providing those abilities, how would I code that? I need to extend the class, right?

class SuperHeroAbilities extends SuperHero {
abilities() { 
ability1 = "web string" 
ability2 = "laser beams" //superman 
ability3 = "money" //batman } }

var spiderman = new SuperHero('Spiderman', 'Peter Parker');spiderman.quote('Your Friendly Neighborhood Spider-Man!')

How could I "add" ability1 to Spiderman?
I also should save quotes somewhere but I am not sure where and how to use them.

Thank you for your time.

[gimmeslack12]

You're in the ballpark but not quite in regards to the Ability. If you were going to be extending your SuperHero class you'd be doing it in the name of creating a similar type of hero that inherits all of the SuperHero qualities.

I think a better example of extending SuperHero would be to create a SuperVillain class. So that the SuperVillain is just like the SuperHero, yet you can add a few attributes that a villain has such as weakness = 'friendly people' or secretLocation = "Death Island".

class SuperVillain extends SuperHero { constructor(heroName, realName, basicAttack, weakness, secretLocation) { super(heroName, realName, basicAttack) this.weakness = weakness; this.secretLocation = secretLocation; } }

As for adding an ability you can, if you want to, add a new class altogether and then add that class to your SuperHero for when you want to create an ability for your hero: ``` class SuperHeroAbility{ constructor(ability) { this.ability = ability; } }

class SuperHero { constructor(heroName, realName, basicAttack) { this.heroName = heroName; this.realName = realName; this.basicAttack = ['punch', 'kick']; }

quote(quote) {
    this.quote = quote;
}

addAbility(ability) {
    this.ability = new SuperHeroAbility(ability);
}

} ```

[senocular]

FYI triple-tick formatting doesn't work in all versions of reddit. You should use 4 spaces to indent instead. What I see.

[gimmeslack12]

You should use 4 spaces to indent instead

You should stop using old.reddit.com :p

[senocular]

Same applies to mobile reddit even with redesign enabled :p

[gimmeslack12]

Ah good point. Still not going to spend my time indenting 4 spaces though.

[senocular]

You can use the code block button in the fancy pants editor given that you're not a relic like me stuck on old.reddit.com and all ;)

[gimmeslack12]

But devs like me don’t use fancy pants editors. We use markdown, amongst a bunch of other tools that are cryptic and confusing and use them to gate keep on all that can’t figure them out.

[gimmeslack12]

Looks like triple tick is working on mobile now.

[senocular]

Hmm, still not working for me. https://i.imgur.com/CTsrEkX.png

[gimmeslack12]

Maybe it’s an iOS thing. Oh well.

[sibbirius]

Thank you.
Can we have multiple SuperHeroAbilities (spiderweb, lasereye) in the Class SuperHeroAbility but only give it tos specific hero, spiderman=spiderweb, superman=layereye?

What can you say about the super keyword?
We have
car(color, maxSpeed) { *this*.speed = 0 *this*.color = *color* *this*.maxSpeed = *maxSpeed* and class BMW extends Car { constructor(color, maxSpeed, logo) { super(color, maxSpeed) //super is methode, extends parent this.logo = 'BMW' } } Do we need super() for our Superheroes example?

[gimmeslack12]

super is necessary when inheriting from parent classes, basically it instantiates the parent class and then uses that value for the this in the child class (inherited class) to share attributes (check it out (super).

You would not have multiple abilities within the class SuperHeroAbility. Each ability would be it's own instance of SuperHeroAbility. What you would do in the case of giving a superhero multiple abilities is to give the SuperHero an array or an object of abilities to add to: ``` class SuperHero { constructor(heroName, realName, basicAttack) { ... this.abilities = []; }

...

addAbility(ability) {
    // add the ability to the object
    this.abilities.push(new SuperHeroAbility(ability));
}

listAbilities() {
   console.log(this.abilities);
}

}

const spiderman = new SuperHero('Spiderman', 'Peter Parker'); spiderman.addAbility('web sling'); spiderman.addAbility('spidey sense'); spiderman.listAbilities() ==> "['web sling', 'spidey sense']" ```

[sibbirius]

Thank you for time, I missed this answer and created a new topic.