What are ES6 classes and how do they work?

What are ES6 classes and how do they work?

ES6 classes are a syntactical sugar over JavaScript's existing prototype-based inheritance. They provide a clearer and more concise way to create objects and handle inheritance.

Can you give me an example of how to define a class?

Sure! Here's a simple example:

class Animal {
    constructor(name) {
        this.name = name;
    }
    speak() {
        console.log(`${this.name} makes a noise.`);
    }
}

const dog = new Animal('Dog');
dog.speak(); // Dog makes a noise.

What about inheritance in ES6 classes?

Inheritance in ES6 classes is done using the extends keyword. For example:

class Dog extends Animal {
    speak() {
        console.log(`${this.name} barks.`);
    }
}

const dog = new Dog('Rex');
dog.speak(); // Rex barks.

Are there any differences between ES5 and ES6 classes?

Yes, ES6 classes provide a clearer syntax and support for super calls, static methods, and more, making them easier to work with compared to ES5.