-
JS Setting Up Environment
-
JS Syntax
-
JS Comments
-
JS Generating OutPut
-
JS Variables
-
JS Data Types
-
JS String
-
JS String Methods & Properties
-
JS Template Literals
-
JS Operators
-
JS Conditional Statements
-
JS Break and Continue
-
JS Functions
-
JS DOM
-
JS DOM Methods and Elements
-
JS DOM HTML/CSS Manipulation
-
JS DOM Navigation & Nodes
-
JS Events
-
JS Array
-
JS Loops
-
JS Object
-
JS Accessors
-
JS Object Constructors
-
JS Prototype & Iterables
-
JS Date & Time Function
-
JS Math Function
-
JS Storage
-
JS Classes
-
JS Map & Set
-
JS Global Scope
-
JS Rest and Spread
-
JS Error Handling
-
JS Asynchronous
-
JS Promise
-
JS Async/Await
-
JS Node.js
-
JS Regular Expression
-
JS Fetch API
-
JS BOM
-
JS Form Validation
-
JS Practiced Example
-
JS Projects
Accessors (Getters and Setters)
In JavaScript, object accessors refer to the use of getters and setters to control access to an object’s properties. They allow you to define computed properties, providing a way to get and set values in a controlled manner.
Getter (The get Keyword):
A getter is a method that gets the value of a specific property. It is defined using the get keyword within an object.
Example:
In this example, the lang property acts as a getter, allowing you to retrieve the value of the language property using person.lang.
Setter (The set Keyword):
A setter is a method that sets the value of a specific property. It is defined using the set keyword within an object.
Example:
const person = {
firstName: “John”,
lastName: “Doe”,
language: “”,
set lang(lang) {
this.language = lang;
}
};
// Setting the value using the setter
person.lang = “en”;
// Displaying the set value
console.log(person.language); // Output: en
In this example, the lang property acts as a setter, allowing you to set the value of the language property using person.lang = “en”.
Combining Getter and Setter:
You can combine both getter and setter in the same property, providing full control over the property’s access.
Example
const temperature = {
_celsius: 25,
get fahrenheit() {
return this._celsius * 9/5 + 32;
},
set fahrenheit(value) {
this._celsius = (value – 32) * 5/9;
}
};
// Getting and setting the temperature
console.log(temperature.fahrenheit); // Output: 77
temperature.fahrenheit = 32; // Set temperature in Fahrenheit
console.log(temperature._celsius); // Output: 0
In this example, the Fahrenheit property acts as both a getter and a setter, allowing you to get and set the temperature in both Fahrenheit and Celsius.
Course Video
YouTube Reference :
1) JavaScript Getters and Setters | Step-by-step JavaScript in Hindi
2) Object Getters and Setters | Objects in Javascript | Hindi
3) JavaScript Getters and Setters Explained in English
4) Getters and Setters in JavaScript in English
5) Use getters and setters to Control Access to an Object – ES6 – FreeCodeCamp EXPLAINED Solution in English
