JavaScript GETTERS & SETTERS are awesome!!! 📐 

// ---------- EXAMPLE 1 ---------- class Rectangle{ constructor(width, height){ this.width = width; this.height = height; } set width(newWidth){ if(newWidth > 0){ this._width = newWidth; } else{ console.error("Width must be a positive number"); } } set height(newHeight){ if(newHeight > 0){ this._height = newHeight; } else{ console.error("Height must be a positive number"); } } get width(){ return `${this._width.toFixed(1)}cm`; } get height(){ return `${this._height.toFixed(1)}cm`; } get area(){ return `${(this._width * this._height).toFixed(1)}cm`; } } const rectangle = new Rectangle(2, 3); console.log(rectangle.width); console.log(rectangle.height); console.log(rectangle.area); // ---------- EXAMPLE 2 ---------- class Person{ constructor(firstName, lastName, age){ this.firstName = firstName; this.lastName = lastName; this.age = age; } set firstName(newFirstName){ if(typeof newFirstName === "string" && newFirstName.length > 0){ this._firstName = newFirstName; } else{ console.error("First name must be a non-empty string"); } } set lastName(newLastName){ if(typeof newLastName === "string" && newLastName.length > 0){ this._lastName = newLastName; } else{ console.error("Last name must be a non-empty string"); } } set age(newAge){ if(typeof newAge === "number" && newAge >= 0){ this._age = newAge; } else{ console.error("Age must be a non-negative number"); } } get firstName(){ return this._firstName; } get lastName(){ return this._lastName; } get fullName(){ return this._firstName + " " + this._lastName; } get age(){ return this._age; } } const person = new Person("Spongebob", "Squarepants", 30); console.log(person.firstName); console.log(person.lastName); console.log(person.fullName); console.log(person.age);

What a great explanation! I am doing the Codecademy course recently and their examples of getters and setters weren't that clear to me.

wait, did Javascript become OOP? edit: no. after some googling, I learned that the OOP features introduced in ES6 are syntax sugar. Javascript is classified as a prototype-based procedural language (it's neither object oriented nor functional 😮) . so it's not meant to implement the known OOP design patterns. but it's useful nevertheless. can't wait to learn all those features so I can start writing some type related bugs 😊

420 69’s parents was living a wild life. The birth certificate did not have any setters and getters. Great video. This is going to help me tackle more coding challenges and create cleaner code.

That's the best explanation that I could find online. Thank you for the work you do!

As said by previous commentators, this is literally the best explanation that I've come across so far and Getters and Setters do seem to be quite extraordinary. Huge thank you!

thanks bro. would you mind doing a javascript project with all the things we learned? At least i could try it myself as well before seeing how you do it

This is my seal. I have watched the entire video, understood it, and I can explain it in my own words, thus I have gained knowledge. This is my seal.

Hi, are getters/setters exportable? I mean if you export myObject.myGetter it exports the value, not the getter itself, so if it changes later, the value won't follow in the export, or copy, etc. thank you

"Person(420, 69, "pizza")" sounds like a good Saturday night to me.😂

hello I needed to know about getters and setters today and you upload the video in time, thanks🙂

Great explanation, thanks Bro!

420, 69 and pizza. Really? ))

Thanks for explaining!!

wow fantastic breakdown

Greet content 👌 Why should the age to be >= in the Person class since True >= 0 //true Just use >= 1 True >= 1 // false

this playlist has been soooo helpful! thank you for the amazing free content. hugs from brazil ✨

best explanation i've ever seen here on youtube. thank u so much bro!!!

Thanks Bro!!

perfect

Perfect💥

37😁

11:30 once you make a setter for an attribute, does a getter become necessary to access it (vice-versa maybe)? is it why it's printing 'undefined'? looks like I have some reading and testing to do

What is the benefit of doing get area() versus a method on the class like getArea()?

Typescript be like..

If you do an intermediate web project in html and css🙂☺

You are live saver bro ❤

1er

Great job man! 👏👏 that is really awesome and simple explanation straight to my understanding. Big thanks 🫶