Glossary
- -- operator
- -= operator
- ++ operator
- += operator
- Accessing and setting content
- Array length
- Arrays
- Between braces
- Booleans
- Braces
- Callback function
- Calling the function
- Class
- Closure
- Code block
- Conditions
- Console
- Constructor
- Creating a p element
- Data types
- Destructuring
- Else
- Else if
- Equals operator
- Error Handling
- ES6
- Event loop
- Events
- Extend
- Fetch API
- Filter
- For loop
- Function
- Function name
- Greater than
- Head element
- Hoisting
- If statement
- JSON
- Less than
- Local storage
- Map
- Methods
- Module
- Numbers
- Overriding methods
- Parameters
- Promises
- Reduce
- Regular expressions
- Removing an element
- Replace
- Scope
- Session storage
- Sort
- Splice
- String
- Substring
- Template literals
- Tile
- Type conversion
- While loop
JAVASCRIPT
Overriding methods in JavaScript
Overriding a method replaces the code of the method in the superclass with that of the subclass.
Call the receiveDamage()
method from the Wizard
class to see what happens to the health
property.
class Human {
constructor(weapon) {
this.weapon = weapon;
this.health = 100;
}
receiveDamage() {
this.health = this.health - 10;
}
}
class Wizard extends Human {
receiveDamage() {
this.health = this.health - 5;
}
}
const wizard = new Wizard("staff");
console.log(wizard.health);
wizard.receiveDamage();
console.log(wizard.health);
To override a method, we give it the same name and parameters as the method in the superclass.
We can override receiveDamage()
from the superclass by coding the same method in the subclass.
class Human {
constructor(weapon) {
this.weapon = weapon;
this.health = 100;
}
receiveDamage() {
this.health = this.health - 10;
}
}
class Wizard extends Human {
receiveDamage() {
this.health = this.health - 5;
}
}
const wizard = new Wizard("staff");
console.log(wizard.health);
wizard.receiveDamage();
console.log(wizard.health);
Sign up or download Mimo from the App Store or Google Play to enhance your programming skills and prepare for a career in tech.