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.
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
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 😊
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
@czel-za-oczyszinoju why does the "_age" property get set to whatever the "age" property was in the constructor? edit: if you give the constructor an invalid "age", it'll be undefined. looks like the setters are called when the constructor is. edit2: if you try using "age" instead of "_age" in the setter, it'll keep calling the setter recursively and stack overflow... kinda makes sense now.
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
because instead of doing ‘console.log( rectangle.getArea() )’ you can do ‘console.log( rectangle.area )’ so it is like accessing a property and not a method, even though it is like a method is really getting the data under the hood
@@liammcgarrigleto add to that. Usually it is differentiated between state and behaviour when creating properties/methods. Methods should perform or adhere to some kind of behaviour while standard properties allow access to some sort of "state" of the instantiated object. Since area would be a state value, it makes sense to access it using standard property accessing syntax thus a getter is used to make it more conform.
@@liammcgarrigle in python, "properties" are called "attributes" and this rectangle.area would be considered a "property". this is kind of messing with me haha...
// ---------- 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);
txs bro for these lessons
What a great explanation! I am doing the Codecademy course recently and their examples of getters and setters weren't that clear to me.
I came for the same reason, how has been your journey??
That's the best explanation that I could find online. Thank you for the work you do!
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.
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!
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!!!
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.
hello I needed to know about getters and setters today and you upload the video in time, thanks🙂
Thanks for explaining!!
wow fantastic breakdown
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
Great explanation, thanks Bro!
You are live saver bro ❤
"Person(420, 69, "pizza")" sounds like a good Saturday night 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 😊
Perfect💥
Great job man! 👏👏 that is really awesome and simple explanation straight to my understanding.
Big thanks 🫶
Thanks Bro!!
Greet content 👌
Why should the age to be >= in the Person class since
True >= 0 //true
Just use >= 1
True >= 1 // false
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
@czel-za-oczyszinoju why does the "_age" property get set to whatever the "age" property was in the constructor?
edit: if you give the constructor an invalid "age", it'll be undefined. looks like the setters are called when the constructor is.
edit2: if you try using "age" instead of "_age" in the setter, it'll keep calling the setter recursively and stack overflow... kinda makes sense now.
perfect
Thanks
thanks
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
What is the benefit of doing get area() versus a method on the class like getArea()?
because instead of doing ‘console.log( rectangle.getArea() )’ you can do ‘console.log( rectangle.area )’
so it is like accessing a property and not a method, even though it is like a method is really getting the data under the hood
@@liammcgarrigleto add to that. Usually it is differentiated between state and behaviour when creating properties/methods. Methods should perform or adhere to some kind of behaviour while standard properties allow access to some sort of "state" of the instantiated object. Since area would be a state value, it makes sense to access it using standard property accessing syntax thus a getter is used to make it more conform.
@@liammcgarrigle in python, "properties" are called "attributes" and this rectangle.area would be considered a "property". this is kind of messing with me haha...
If you do an intermediate web project in html and css🙂☺
nothing happens with just html css tech is advancing Javascript,React JS,Next JS etc are crucial to build intermediate and advanced projects
how did you know my name and age?????
420, 69, 'pizza' the third
37😁
Typescript be like..
1er
420, 69 and pizza. Really? ))