Object Oriented JavaScript Tutorial #6 - Class Methods

Key Takeaways

or rather than gang so we have our user class setup right here and we successfully have set the properties of the email and the name however if you think back to our previous code when we made user objects they also had two methods they had a login method and a logout method so how then do we associate those methods with this user class so that when we create a new user they have those methods available to them as well well pretty simple to do all we have to do is list our methods inside this user class now we don't do it inside the constructor function right here that is just for the object properties what we do is define our methods outside of the constructor now just a gotcha here don't do a comma like that and then add in your methods this is the kind of thing when we do object literals after each property we do a comment in classes we don't need to do that so we can just go to the next line and then create our methods so the first method is going to be the login method right and inside here all we do is consult that log and this email just logged in or something like that now remember when we say new user what we're doing is setting the value of the this keyword right here inside this class equal to that new object that we just created so we have access to this keyword right here and it's still equal to that object that we're creating the instance of the user so we can use it in here we can say console dot log and we want to log out this email and comma then it's gonna be just logged in okay so we can do the same thing for the logout method now so next line logout and underneath that we can say console dot log and this time it will be this don't email and then just logged out okay so now what we're doing is we're adding in these methods to the user class so every time we create a new user now we have access to those methods on these things right here okay so now I could say something like use a 1 dot login right and then underneath that I could say use a 2 dot log out alright so let's see if this works so first of all why you acting just calm just logged in that works and Yoshi and mariokart just logged out so that works as well and if I also type in now use a 1 in here we can see that object and if we expand it inside this proto property right here we can see those two functions log in and log out and the same would be true for user 2 so we can see those methods as well right there so what only now writing those methods once inside this class instead of several times in different objects when we're creating several users using object literal notation so this is much more efficient right so now what we're doing is encapsulating everything it means to be a user inside this class properties and methods and we can easily create new instances of this class using the new keyword right down here so now we know all that in the next video what I'd like to do is show you a little trick called method chaining