different getters js

Different Getters in JavaScript

Getters are functions that are used to access the properties of an object. In JavaScript, there are different types of getters that can be used depending on the requirement of the code. In this article, we will discuss some of the different getters in JavaScript.

1. Basic Getter

The basic getter is used to access a property of an object using a function. The syntax for creating a basic getter is as follows:


    let obj = {
        get prop() {
            return 'value';
        }
    };

The above code creates an object with a basic getter for the property "prop". When "prop" is accessed, the getter function will be executed and it will return the value "value".

2. Computed Getter

A computed getter is used when the property name is not known beforehand and needs to be computed at runtime. The syntax for creating a computed getter is as follows:


    let obj = {
        get [propertyName]() {
            return 'value';
        }
    };

The above code creates an object with a computed getter for the property "propertyName". When "propertyName" is accessed, the getter function will be executed and it will return the value "value".

3. Arrow Function Getter

An arrow function getter is used when you want to use an arrow function as a getter. The syntax for creating an arrow function getter is as follows:


    let obj = {
        get prop() => 'value'
    };

The above code creates an object with an arrow function getter for the property "prop". When "prop" is accessed, the arrow function will be executed and it will return the value "value".

4. Getter with Parameters

A getter with parameters is used when you want to pass parameters to the getter function. The syntax for creating a getter with parameters is as follows:


    let obj = {
        get prop(param) {
            return `value ${param}`;
        }
    };

The above code creates an object with a getter for the property "prop" that takes a parameter "param". When "prop" is accessed, the getter function will be executed with the parameter value and it will return the value "value param".

Conclusion

These are some of the different getters that can be used in JavaScript. Each type of getter has its own use case and can be used depending on the requirement of the code.

Subscribe to The Poor Coder | Algorithm Solutions

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
[email protected]
Subscribe