How do you properly inherit properties from a parent class in JavaScript?

In JavaScript, the most modern and widely accepted way to inherit properties from a parent class is by utilizing the extends keyword in conjunction with the super() function. This method is part of the class syntax introduced in ECMAScript 2015 (ES6), which allows for a clear and intuitive way to establish inheritance.

When a child class extends a parent class, it inherits all the properties and methods of the parent. The super() function is then called within the constructor of the child class. This invocation initializes the parent class's properties for the child instance, facilitating smooth access to those inherited features.

Using this approach also enhances code readability and maintainability, as it adheres to the principles of object-oriented programming and leverages the prototype chain effectively. It also allows for base class methods to be overridden or extended in the child class, offering greater flexibility in terms of functionality.

While there are other methods of inheritance (like Object.create, directly assigning properties, or using the call method), the extends keyword coupled with super() is the standard, modern approach that aligns with JavaScript's class-oriented features. This promotes better practices within the JavaScript community, making the code more robust and easier to understand for those familiar