Leran JavaScripts

JavaScript Object Accessors

JavaScript Accessors (Getters and Setters) JavaScript Getter (The get Keyword)
This example uses a lang property to get the value of the language property.

// Create an object:
const person = {
  firstName: "John",
  lastName: "Doe",
  language: "en",
  get lang() {
    return this.language;
  }
};
// Display data from the object using a getter:
document.getElementById("demo").innerHTML = person.lang;
               

JavaScript Setter (The set Keyword)

This example uses a lang property to set the value of the language property.

const person = {
  firstName: "John",
  lastName: "Doe",
  language: "",
  set lang(lang) {
    this.language = lang;
  }
};
// Set an object property using a setter:
person.lang = "en";
// Display data from the object:
document.getElementById("demo").innerHTML = person.language;
              

JavaScript Function or Getter?

  
const person = {
  firstName: "John",
  lastName: "Doe",
  fullName: function() {
    return this.firstName + " " + this.lastName; 
  }
};
// Display data from the object using a method:
document.getElementById("demo").innerHTML = person.fullName();