Course Content
The Complete Frontend Developer Roadmap
The Complete Frontend Developer Roadmap
0/1
Lesson 1:- What is JavaScripts
Introduction to JavaScripts
0/1
Lesson 2:- JavaScript Course for Beginners – Your First Step to Web Development
JavaScript Course for Beginners
0/1
Lesson 3:-Object-oriented Programming in JavaScript: Made Super Simple
Object-oriented Programming in JavaScript
0/1
Lesson 4:- JavaScript Arrays
JavaScript Arrays
0/1
Less0n 5:- JavaScript Functions
JavaScript Functions
0/1
Lesson 6:- JavaScript Strings
JavaScript Strings
0/1
Lesson 7:- JavaScript if else
JavaScript if else
0/1
Lesson 8:- JavaScript Loops
JavaScript Loops
0/1
Lessons 9:- JavaScript Factory Functions
JavaScript Factory Functions
0/1
Lesson 10:- JavaScript Constructor Functions
JavaScript Constructor Functions
0/1
Lesson 11:- JavaScript Getters and Setters
JavaScript Getters and Setters
0/1
Lesson 12:- JavaScript Value vs Reference Types
JavaScript Value vs Reference Types
0/1
Lesson 13:- JavaScript Scope (Local vs Global)
JavaScript Scope (Local vs Global)
0/1
Lesson 14:- JavaScript Let vs Var vs Constant
JavaScript Let vs Var vs Constant
0/1
Lesson 15:- JavaScript Cloning an Object
JavaScript Cloning an Object
0/1
Lesson 16:- JavaScript this Keyword
JavaScript this Keyword
0/1
Lesson 17:- JavaScript Template Literals
JavaScript Template Literals
0/1
Lesson 18:- JavaScript Array Filter
JavaScript Array Filter
0/1
Lesson 19:- JavaScript Array Map
JavaScript Array Map
0/1
Lesson 20:- JavaScript Array Reduce
JavaScript Array Reduce
0/1
Extra Lesson 1:-Learn Modern JavaScript in 1 Hour
Learn Modern JavaScript in 1 Hour
0/1
Extra Lesson 2:- JavaScript Unit Testing Tutorial for Beginners
JavaScript Unit Testing Tutorial for Beginners
0/1
Extra Lesson 3:- React Testing for Beginners
React Testing for Beginners
0/1
9 Reasons People Hate JavaScript
9 Reasons People Hate JavaScript
0/1
JavaScripts for Beginners
About Lesson

JavaScript Getters and Setters

  • Encapsulation: Getters and setters are used to encapsulate data within an object, providing more control over how that data is accessed and modified.

  • Getters:

    • Used to retrieve the value of a property.

    • Defined using the get keyword before the property name.

    • Example:

      JavaScript

       
      class Person {
        constructor(firstName) {
          this._firstName = firstName; // Private property
        }
      
        get firstName() {
          return this._firstName;
        }
      }
      
  • Setters:

    • Used to set the value of a property.

    • Defined using the set keyword before the property name.

    • Example:

      JavaScript

       
      class Person {
        constructor(firstName) {
          this._firstName = firstName; // Private property
        }
      
        get firstName() {
          return this._firstName;
        }
      
        set firstName(value) {
          if (typeof value !== 'string') {
            throw new Error("First name must be a string");
          }
          this._firstName = value;
        }
      }
      
  • Benefits:

    • Data Validation: Enforce data integrity by performing checks within the setter.
    • Data Transformation: Perform transformations on the data before setting the property value.
    • Read-Only Properties: Create read-only properties by defining a getter but no setter.
    • Improved Maintainability: Encapsulating data makes your code more maintainable and easier to modify.
  • Example Usage:

    JavaScript

     
    const person = new Person("John");
    console.log(person.firstName); // Accessing the value using the getter
    
    person.firstName = "Jane"; // Setting the value using the setter 
    

Getters and setters are valuable tools for creating well-structured and maintainable JavaScript objects, promoting data integrity and improving code quality.