Overview
In JavaScript, getters and setters allow you to define Object Accessors (Computed Properties).
JavaScript Getter (The get Keyword)
The following gets the value of the age property.
// create target object
const person = {
firstName: "Johnny",
lastName: "Shay",
age: 12,
get personAge() {
return this.age;
}
};
// display data from the object using a getter
document.getElementById("demo").innerHTML = person.personAge; // 12JavaScript Setter (The set Keyword)
The following sets the value of the age property.
// create targe object
const person = {
firstName: "Johnny",
lastName: "Shay",
age: 12,
set personAge(value) {
this.age = value;
}
};
// set a property using set
person.personAge = 13;
// display data from the object
document.getElementById("demo").innerHTML = person.age; // 13JavaScript Notes:
- When using JavaScript, single or double quotation marks are acceptable and work identically to one another; choose whichever you prefer, and stay consistent
- JavaScript is a case-sensitive language; firstName is NOT the same as firstname
- JavaScript variables are case sensitive (x is not the same as X)
- Arrays count starting from zero NOT one; so item 1 is position [0], item 2 is position [1], and item 3 is position [2] … and so on
- JavaScript variables must begin with a letter, $, or _
We’d like to acknowledge that we learned a great deal of our coding from W3Schools and TutorialsPoint, borrowing heavily from their teaching process and excellent code examples. We highly recommend both sites to deepen your experience, and further your coding journey. We’re just hitting the basics here at 1SMARTchicken.