What is the difference between Getters and Setters in JavaScript?

JavascriptObject Oriented ProgrammingFront End Technology

Getters and setters allow us to define Object Accessors. The difference between them is that the former is used to get the property from the object whereas the latter is used to set a property in an object. Let's discuss them through examples.

Getters

Example

In the following example, an object named "business" is created and using "Getter" a property called "company" is displayed in the output.

 Live Demo

<html>
<body>
<script>
   var business= {
      Name: "Musk",
      Country : "America",
      Company : "PayPal",
      get comp() {
         return this.company;
      }
   };
   document.write(business.company);
</script>
</body>
</html>

output

paypal


Setters

Example

In the following example, an object named "business" is created and using "Setter" the value of property called "company" is changed from PayPal to SolarCity as shown in the output.

 Live Demo

<html>
<body>
<script>
   var business = {
      Name: "Musk",
      Country : "America",
      company : "PayPal",
      set comp(val) {
         this.company = val;
      }
   };
   business.comp = "SolarCity";
   document.write(business.company);
</script>
</body>
</html>

Output

SolarCity
raja
Published on 22-Jul-2019 12:02:29
Advertisements