Course
What is JavaScript?-- operator-= operator++ operator+= operatorAccessing and setting contentArray concat() methodArray indexOf()Array lengthArray pop()Array shiftArraysBooleansBracesCallback functionCalling the functionClassClosureCode blockCommentConditionsConsoleConstructorCreating a p elementData typesDate getTime()DestructuringElseElse ifEnumEquals operatorError HandlingES6Event loopEventsExtendFetch APIFilterFor loopforEach()FunctionFunction bind()Function nameGreater thanHead elementHoistingIf statementincludes()Infinity propertyIteratorJSONLess thanLocal storageMapMethodsModuleNumbersObject.keys()Overriding methodsParametersPromisesRandomReduceRegular expressionsRemoving an elementReplaceScopeSession storageSortSpliceStringString concat()String indexOf()SubstringSwitch statementTemplate literalsTernary operatorTileType conversionWhile loop
Methods in JavaScript
Adding a method in a class is like creating a regular function, except there’s no need for the function
keyword.
This VirtualPet
class can’t do much yet. Let’s give it the ability to eat with a method.
jsx
class VirtualPet {
constructor(name) {
this.name = name;
}
eat() {}
}
Inside the braces, methods work like normal functions.
Let’s use console.log
to display a message in the console when eat()
is called.
jsx
class VirtualPet {
constructor(name) {
this.name = name;
}
eat() {
console.log("nom nom");
}
}
To use the eat()
method, we’ll need the name of the object, a period, the name of the method, and parentheses.
jsx
class VirtualPet {
constructor(name) {
this.name = name;
}
eat() {
console.log("nom nom");
}
}
const pet = new VirtualPet("Tom");
pet.eat();