Breaking News: Grepper is joining You.com. Read the official announcement!

what is getter and setter in javascript

Add Answer

Chetan Nada answered on May 20, 2020 Popularity 10/10 Helpfulness 2/10

answer what is getter and setter in javascript

related getter and setter in javascript

related getters and setters javascript

related javascript Getters and Setters

related setter getter syntax

related getter and setter in java

what is getter and setter in javascript

Comment

// 1) In JavaScript, getter methods are used to access the properties of an object.
// we use get keyword to define a getter method to get or access the property value
const student = {
    // data property
    firstName: 'Chetan',
 
    // accessor property(getter)
    get getName() {
        return this.firstName;
    }
};

// accessing data property
console.log(student.firstName); // Chetan

// accessing getter methods or accessing the value as a property
console.log(student.getName); // Chetan

// trying to access as a method
console.log(student.getName()); // error

// In the above program, a getter method getName() is created to access the property of an object.
// Note: To create a getter method, the get keyword is used.

// 2) In JavaScript, setter methods are used to change the values of an object.
// we use set keyword to define a setter method to set the property value

const student = {
    firstName: 'Chetan',
    
    //accessor property(setter)
    set changeName(newName) {
        this.firstName = newName;
    }
};

console.log(student.firstName); // Chetan

// change(set) object property using a setter
student.changeName = 'Jeny';

console.log(student.firstName); // Jeny
// In the above example, the setter method is used to change the value of an object.
// Note: To create a setter method, the set keyword is used.

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: getter javascript setter

Link to this answer
Share Copy Link

Contributed on Sep 23 2022

Chetan Nada

0 Answers Avg Quality 2/10

Closely Related Answers

getter and setter in javascript

Comment

// Create an object:
const person = {
    firstName: "Md",
    lastName: "Raquib",
    language: "",
    //Your getter, used for getting the full name
    get fullName() {
      return this.firstName + " " + this.lastName;
    },
    //Your setter, used for changing the value of language property
    set lang(lang) {
        this.language = lang;
    }
  };

  console.log(person.fullName);//logs "Md Raquib" (using Getter)

  person.lang = "english";//We set the language as "english" (using Setter)
  console.log(person.language);//logs "english"

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: getter ge

Link to this answer
Share Copy Link

Contributed on Dec 26 2022

Md Raquib

0 Answers Avg Quality 2/10

getters and setters javascript

Comment

// although you can just grab a property directly like this 
Car1.colour
// or modify it like this
Car1.colour = "red"

// on the other hand, getter methods look like this
get colour() { // doesn't need a parameter
  return this.colour // optionally attach values or operations on to it
}
// and setter methods look like this
set colour(newColour) {
 this.colour = newColour 
}
//Benifits of getters and setters

// implement logic that uses private data in the class
// eg. I might want to blend it with the current car colour

// Encapsulation: allows you to control how the data is accessed or modified.
// especially if you are implementing other logic

// Readability: code is much clearer as it is now in a method

// Compatibility: Some APIs or libraries expect you to use getters/setters

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Dec 23 2022

Shiny Salmon

0 Answers Avg Quality 2/10

getters and setters javascript

Comment

let obj = {
  log: ['a', 'b', 'c'],
  get latest() {
    if (this.log.length === 0) {
      return undefined;
    }
    return this.log[this.log.length - 1];
  }
};

obj.log.push('d');
console.log(obj.latest); //output: 'd'

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: developer.mozilla.org

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 20 2020

TC5550

0 Answers Avg Quality 2/10

javascript Getters and Setters

Comment

class Person {
    constructor(name) {
        this.name = name;
    }
    // getter
    get personName() {
        return this.name;
    }
    // setter
    set personName(x) {
        this.name = x;
    }
}
let person1 = new Person('Jack');
console.log(person1.name); // Jack

// changing the value of name property
person1.personName = 'Sarah';
console.log(person1.name); // Sarah

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 21 2022

SAMER SAEID

0 Answers Avg Quality 2/10

setter getter syntax

Comment

// Setter
set id(int? id) => id = _id;
// Getter
int? get id => id = _id;

Popularity 10/10 Helpfulness 1/10 Language dart

Source: Grepper

Tags: getter ge

Link to this answer
Share Copy Link

Contributed on Aug 26 2023

Magnificent Moose

0 Answers Avg Quality 2/10

getter and setter in java

Comment

*/testing

Popularity 1/10 Helpfulness 1/10 Language java

Source: Grepper

Tags: getter java setter

Link to this answer
Share Copy Link

Contributed on Apr 25 2022

Cooperative Chicken

0 Answers Avg Quality 2/10

what is getter and setter in javascript

Contents

More Related Answers

what is getter and setter in javascript

Closely Related Answers

getter and setter in javascript

getters and setters javascript

getters and setters javascript

javascript Getters and Setters

setter getter syntax

getter and setter in java

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.