Welcome, amazing people👋🏼

I am Aryan Sharma & I'm back again with a new blog of our JavaScript Blog series.

This Article is all about “getter and setter”

Let's start this amazing concept in JavaScript...🏃🏼‍♂️

Have you ever felt the need to control how data is accessed or modified within your JavaScript objects?

Like, we can change the values inside the object.

These powerful language features provide a sophisticated mechanism to encapsulate and validate data,

ensuring your objects behave as expected. In this blog post, we'll explore the mysteries of getters and setters, exploring their syntax, benefits, and practical applications.

Understanding Getters and Setters

Getters and setters are special methods invoked automatically when you try to access or modify a property of an object, respectively. They offer a flexible way to define custom logic for retrieving or setting property values.

Syntax:

class Person {
  constructor(firstName, lastName) {
    this._firstName = firstName;
    this._lastName = lastName;
  }

  get fullName() {
    return `${this._firstName} ${this._lastName}`;
  }

  set    fullName(name) {
    const [firstName, lastName] = name.split(' ');
    this._firstName = firstName;
    this._lastName = lastName;   
  }
}

Use code with caution.

In this example, we have a Person class with private properties _firstName and _lastName. The fullName getter returns the concatenated first and last names, while the fullName setter splits the provided name and assigns the individual parts to the corresponding private properties.

Benefits of Getters and Setters

Encapsulation: By using getters and setters, you can hide the internal implementation details of your objects, promoting better code organization and maintainability.
Data Validation: You can implement custom logic within setters to validate input values, ensuring that only valid data is assigned to properties.
Calculated Properties: Getters can be used to derive calculated values based on other properties, eliminating the need for redundant calculations.
Control Over Access: You can restrict access to certain properties by making them private and providing only getter methods.

Practical Applications

Form Validation: Use setters to validate user input in forms, ensuring that data meets specific criteria (e.g., email format, password strength).
Calculated Values: Derive calculated properties like age, BMI, or total price based on other object properties.
Data Conversion: Convert data to different formats (e.g., strings to numbers, dates to timestamps) within getters or setters.
Caching: Implement caching mechanisms within getters to avoid redundant calculations for frequently accessed properties.
Logging and Debugging: Use getters and setters to log property accesses or modifications, aiding in debugging and troubleshooting.

Conclusion

Getters and setters are indispensable tools in the JavaScript developer's arsenal. By understanding their syntax, benefits, and applications, you can write more robust, maintainable, and efficient code. So, the next time you need to control data access or validation in your JavaScript objects, remember the magic of getters and setters.

two cartoon lions are standing next to each other with the words come on follow me behind them