Search code examples
javascriptclassecmascript-6gettersetter

What are getters and setters for in ECMAScript 6 classes?


I am confused as to what the point of getters and setters are in ECMAScript 6 classes. What is the purpose? Below is an example I am referring to:

class Employee {

    constructor(name) {
        this._name = name;
    }

    doWork() {
        return `${this._name} is working`;
    }

    get name() {
        return this._name.toUpperCase();
    }

    set name(newName){
        if(newName){ 
            this._name = newName;
        }
    }
}

Solution

  • These setter and getter allow you to use the properties directly (without using the parenthesis)

    var emp = new Employee("TruMan1");
    
    if (emp.name) { 
      // uses the get method in the background
    }
    
    emp.name = "New name"; // uses the setter in the background
    

    This is only to set and get the value of the property.