JavaScript Getter Setter

Mastering Object Property with JavaScript Getter Setter

by

In this comprehensive guide, we’ll delve deep into the concept of getter and setter functions in JavaScript, providing you with real-world examples and valuable insights.

Understanding of JavaScript Getter Setter

JavaScript getter and setter methods provide a method to enclose the access and modification of object properties.

They allow you to determine custom actions for getting and setting values, making your code more organized and maintainable.

Let’s explore how to use them completely:

Basics of Getter and Setter Methods

Here’s an example code:

const people = {
  _name: 'Jude',
  get name() {
    return this._name;
  },
  set name(newNameInfo) {
    this._name = newNameInfo;
  }
};

console.log(people.name);
people.name = 'Rebecca';
console.log(people.name);

Output:

Jude
Alice

Benefits of Using Getter and Setter Methods

1. Encapsulation and Validation

Getter and setter methods allow encapsulation, avoiding direct access to private properties. This assures that validation and logic can be applied before setting or getting a value.

2. Code Maintainability

By integrating property access and modification logic within getter and setter methods, your program becomes more organized and easier to maintain.

3. Compatibility

Getter and setter methods are well-supported in modern JavaScript environments, making them a stable options for property management.

Effective Immutability with Getters

Using getter methods, you can obtain immutability by preventing the modification of certain properties. This is especially useful for assuring data integrity.

Let’s see an example code:

const circleOptions = {
  _radius: 3,
  get area() {
    return Math.PI * this._radius ** 2;
  }
};

console.log(circleOptions.area); 
circleOptions.area = 100; 
console.log(circleOptions.area);

Output:

28.274333882308138
28.274333882308138

Adding Business Logic with Setters

Setters enable you to add business logic when a property is modified. This can include data validation, normalization, or triggering related actions.

For example:

const temperatureValue = {
  _celsius: 0,
  set celsius(value) {
    if (value < -273.15) {
      throw new Error("Temperature can't be below absolute zero.");
    }
    this._celsius = value;
  },
  get fahrenheit() {
    return this._celsius * 1.8 + 32;
  }
};

temperatureValue.celsius = 27;
console.log(temperatureValue.fahrenheit);

Output:

80.6

Read also: JavaScript getValue() Method: A Comprehensive Tutorial

Computed Properties using Getters

Getter methods can be used to compute values on the basis of other properties. This is especially useful for dynamically calculated properties.

Example code:

const rectangleShapes = {
  _width: 15,
  _height: 20,
  get area() {
    return this._width * this._height;
  }
};

console.log(rectangleShapes.area); 
rectangleShapes._width = 8;
console.log(rectangleShapes.area);

Output:

300
160

Improving Security and Privacy

By using getter and setter methods, you can improve the security and privacy of your objects.

Unstable information can be hidden behind these methods, assuring that only authorized actions can access or modify the data.

Best Practices for Using Getter and Setter Methods

  • Consistent Naming:
    • Use persistent naming conventions for getter and setter methods to improve code readability.
  • Avoid Side Effects:
    • Keep your getter and setter methods free from side effects to assure predictable action.
  • Documentation:
    • Provide clear documentation for your getter and setter methods, explaining their purpose and usage.

Conclusion

JavaScript getter and setter methods provide a powerful way to manage object properties with enhanced control, security, and maintainability.

By using these methods effectively, you can enhance the structure and organization of your code while adding valuable features.

Whether you are working with simple objects or complex classes, incorporating getter and setter methods can significantly raise your programming skills.

Leave a Comment