JavaScript: OOP-Class

#javascript #beginners

Classes are templates for objects. The name of a class should have the first letter capital and the rest in camalcase.
An instance is an object that contains the property name and method of a class.
When we create a new instance with the keyword new, the constructor method is called. Note: class methods and getter syntax are the same with objects. BUT no commas between methods.
To call a method: instance.methodname()
Inheritance allows the child class to use share property and method. The extend keyword makes the method and getters of parent class available in the child class. The super keyword calls the constructor method in the parent class.
Static method can only be called directly from the class. It can't be used on an instance of a class or subclass. (don't forget the () at the end) example code:

class Animal {
    constructor(breed, gender) {
        this._breed = breed;
        this._gender = gender;
        this._vaccine = 0;
    }
    get breed() {
        return this._breed;
    }
    get gender() {
        return this._gender;
    }
    get vaccine() {
        return this._vaccine;
    }
    vaccineShot(num) {
        this._vaccine += num;
    }
    static generateName(){
        const nameArr=['Milo','Cookie','Sandy','Odin'];
        return nameArr[Math.floor(Math.random()*3)]
    }
}
class Dog extends Animal {
    constructor(breed, gender, age) {
        super(breed, gender);
        this._age = age;
    }
    get age(){
        return this._age;
    }
    increaseAge(num){
        this._age+=num;
    }
}
const dahuang = new Dog('Golden Retriever', 'Male',1);
dahuang.vaccineShot(2)
console.log(dahuang)
//Output: DogHome { _breed: 'Golden Retriever', _gender: 'Male', _vaccine: 2, _age: 1 }
console.log(dahuang.vaccine)
//Output: 2
dahuang.increaseAge(1);
console.log(dahuang.age)
//Output: 2
console.log(Animal.generateName());
//Output: Milo

DEV Community

JavaScript: OOP-Class

Top comments (0)

Read next

Deploy NextJS App on Firebase 🔥

The Illusion of State in State-Space Models

Promices and Async Await

ChatGPT Can Predict the Future when it Tells Stories Set in the Future About the Past