Скачать или смотреть Understanding JavaScript: Why Not All Methods Inherit in Variables Like Array?

Explore the nuances of JavaScript inheritance and understand why your arrays don't inherit all methods from their parent class.
---
This video is based on the question https://stackoverflow.com/q/70523897/ asked by the user 'TerryMars' ( https://stackoverflow.com/u/14920504/ ) and on the answer https://stackoverflow.com/a/70524411/ provided by the user 'ManuelMB' ( https://stackoverflow.com/u/4191561/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: JavaScript - Confusion between global classes and inheritance

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Demystifying JavaScript Inheritance: The Case of Array Methods

JavaScript can often be perplexing, especially for beginners. One common point of confusion arises from the way inheritance works in JavaScript classes. As a new learner, you might wonder why a variable, such as an array, doesn't seem to inherit all the methods from its parent class, specifically regarding the Array object. Let's explore this topic in-depth to clarify these concepts.

The Problem

When declaring a variable as an array in JavaScript, you might expect that it would inherit all the methods available in the Array class. For example:

[[See Video to Reveal this Text or Code Snippet]]

In this example, calling Array.isArray(myArr) works perfectly fine, as it recognizes myArr as an array. However, trying to call myArr.isArray() results in an error. This leads to the confusion: why doesn't myArr have access to all methods of its parent class Array?

Understanding JavaScript Classes and Inheritance

What is Inheritance?

Inheritance is a fundamental concept in object-oriented programming that allows a class (the child) to inherit properties and methods from another class (the parent). In JavaScript, this relationship occurs when a class extends another class. However, this is not the case when you simply declare a variable as an instance of an array.

Static Methods vs. Instance Methods

To understand this concept better, it's crucial to differentiate between static methods and instance methods:

Static Methods: These are properties or methods that belong to the class itself, rather than to any particular instance of that class. For example, Array.isArray() is a static method of the Array class, which can be accessed without creating an instance of Array.

Instance Methods: These are methods that you would call on a specific instance of a class. For instance, methods like myArr.push() or myArr.pop() can only be called on the particular array instance you created (in this case, myArr).

Why myArr Can't Call isArray()

Since isArray() is a static method of the Array class, it is not available to instances of Array like myArr. Hence, when you attempt to call myArr.isArray(), JavaScript throws a TypeError because isArray() is not a method that exists on the instance of myArr; it only exists on the Array class.

The Key Takeaways

When you declare a variable, it is an instance, not a direct inheritance: Simply declaring var myArr = [] does not inherently grant it all the methods of Array unless you use instance methods specifically designed for instances of that class.

Static methods belong to the class: You access static methods using the class name (e.g., Array.isArray()) rather than on instances of the class.

Understanding this distinction is crucial: Misunderstanding static versus instance methods is a common hurdle for JavaScript learners.

Conclusion

Navigating the world of JavaScript inheritance can be challenging at first, especially regarding how methods are accessed. Remember that static methods are tied to the class itself, while instance methods are tied to the objects created from it. By grasping these concepts, you'll be better equipped to write effective and error-free JavaScript code. Keep experimenting and happy coding!