Object-oriented programming (OOP) is a fundamental paradigm in the world of programming. In JavaScript, we can apply OOP concepts using classes and their properties. In this article, we will explore how to work with class properties in JavaScript and how they can help us write more modular and reusable code.
What is a class property?
A class property is a variable that is associated with a specific class rather than an instance of that class. In other words, it is a property that is shared by all instances of a class. This means that if we modify the value of a class property in one instance, that change will be reflected in all other instances.
In JavaScript, we can declare class properties inside the body of a class using the keyword static. Let's look at an example:
class Car { static numWheels = 4; constructor(brand) { this.brand = brand; } } console.log(Car.numWheels); // Output: 4 const car1 = new Car('Toyota'); const car2 = new Car('Ford'); console.log(car1.numWheels); // Output: undefined console.log(car2.numWheels); // Output: undefined
In this example, we create the class Car with a class property numWheels which has a value of 4. Next, we create two instances of the class Car calls car1 y car2. When trying to access the property numWheels In each instance, we get undefined because the class property belongs to the class itself, not to the individual instances. However, if we access the class property directly from the class (Car.numWheels), we will get the correct value.
Benefits of class properties
Class properties in JavaScript offer several benefits:
1. Share common information
Class properties allow us to share common information between all instances of a class. For example, if we have a counter that we need to track for all instances of a class, we can use a class property to store that counter and update it based on the actions taken by each instance.
2. Avoid duplication of data
By using class properties, we avoid duplicating data in each instance of the class. This helps keep our code cleaner and saves memory.
3. Global access
Class properties can be accessed directly from the class without needing to create an instance. This allows us to access shared information without having to create additional objects.
Conclusion
Class properties in JavaScript allow us to share common information between all instances of a class. They help us avoid duplication of data and provide global access to shared information. By understanding and using these properties properly, we can write more modular and reusable code.
Frequently asked questions
What happens if I modify a class property on an instance of the class?
Since class properties are shared by all instances of the class, any modification made to one instance will affect all other instances.
Is it possible to access a class property without creating an instance of the class?
Yes, we can access class properties directly from the class without creating an instance.
What is the difference between a class property and an instance property?
A class property is shared by all instances of a class, while an instance property is specific to each individual instance.
Can I modify the value of a class property?
Yes, we can modify the value of a class property using the syntax ClassName.propertyName = newValue;.
Are class properties unique for each class?
No, class properties are unique for each class. Each class can have its own class properties.
English 
Spanish