Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Keyword 'this' | Classes & Objects
Object-Oriented Programming in JavaScript
course content

Kurssisisältö

Object-Oriented Programming in JavaScript

Object-Oriented Programming in JavaScript

1. Classes & Objects
2. Encapsulation
3. Static
4. Inheritance

book
Keyword 'this'

You can refer to the attributes not only outside the class but inside, too, for example, inside methods. To do that, use this keyword. this is like a name of object, but it means the current object, i. e. it refers to the global object.

Let's change current age of the student each time we call happyBirthday() function, and print it:

123456789101112131415
class Student{ name = 'June'; university = 'MIT'; age = 18; gpa; sleep(){ console.log('I am sleeping right now!') } happyBirthday(){ this.age += 1; console.log('Today is my birthday! I am', this.age, 'yrs old!'); } }
copy
Tehtävä

Swipe to start coding

Modify happyBirthday() function: output info about new age and about name of the student. After that, create an object of class Student, and call this method three times to see what happens with age.

Ratkaisu

Switch to desktopVaihda työpöytään todellista harjoitusta vartenJatka siitä, missä olet käyttämällä jotakin alla olevista vaihtoehdoista
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 5
toggle bottom row

book
Keyword 'this'

You can refer to the attributes not only outside the class but inside, too, for example, inside methods. To do that, use this keyword. this is like a name of object, but it means the current object, i. e. it refers to the global object.

Let's change current age of the student each time we call happyBirthday() function, and print it:

123456789101112131415
class Student{ name = 'June'; university = 'MIT'; age = 18; gpa; sleep(){ console.log('I am sleeping right now!') } happyBirthday(){ this.age += 1; console.log('Today is my birthday! I am', this.age, 'yrs old!'); } }
copy
Tehtävä

Swipe to start coding

Modify happyBirthday() function: output info about new age and about name of the student. After that, create an object of class Student, and call this method three times to see what happens with age.

Ratkaisu

Switch to desktopVaihda työpöytään todellista harjoitusta vartenJatka siitä, missä olet käyttämällä jotakin alla olevista vaihtoehdoista
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 5
Switch to desktopVaihda työpöytään todellista harjoitusta vartenJatka siitä, missä olet käyttämällä jotakin alla olevista vaihtoehdoista
Pahoittelemme, että jotain meni pieleen. Mitä tapahtui?
some-alt