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

Kursinhalt

Object-Oriented Programming in JavaScript

Object-Oriented Programming in JavaScript

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

book
Class Methods

Methods are functions that describe the class in some way. Real Students can do actions like studying, sleeping, talking, etc, so we can define it as methods of the class:

123456789101112
class Student{ name; university; age; gpa; sleep(){ console.log('I am sleeping right now!'); } } s = new Student(); s.sleep();
copy

We added method sleep(), which prints a message.

This method is trivial, but in general, methods can also be used for:

  • Changing some attribute’s value
  • Extracting some attribute’s value
  • Calling other methods inside
  • Printing something to the console etc.

Let’s demonstrate it and add the method happyBirthday(). This method increases age of the student and prints some info about it:

12345678910111213141516
class Student{ name; university; age; gpa; sleep(){ console.log('I am sleeping right now!'); } happyBirthday(){ this.age += 1; console.log('Today is my birthday!'); } } s = new Student(); s.happyBirthday();
copy

You can store some function arguments.

12345
// method of the class happyBirthday(newAge){ this.age = newAge; console.log('Today is my birthday!'); }
copy
Aufgabe

Swipe to start coding

Modify sleep() method: store argument hours in it and output the message: 'I am going to sleep for '+hours+' hours' instead of the current message inside this method.

Lösung

Actually you already met attributes and methods in other objects. For example, length is a attribute of some object of the class array. In the console.log(), console is a class to write some data to the stream, and log() is a method, that prints your data (like 'hello world') to the stream.

Switch to desktopWechseln Sie zum Desktop, um in der realen Welt zu übenFahren Sie dort fort, wo Sie sind, indem Sie eine der folgenden Optionen verwenden
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 3
toggle bottom row

book
Class Methods

Methods are functions that describe the class in some way. Real Students can do actions like studying, sleeping, talking, etc, so we can define it as methods of the class:

123456789101112
class Student{ name; university; age; gpa; sleep(){ console.log('I am sleeping right now!'); } } s = new Student(); s.sleep();
copy

We added method sleep(), which prints a message.

This method is trivial, but in general, methods can also be used for:

  • Changing some attribute’s value
  • Extracting some attribute’s value
  • Calling other methods inside
  • Printing something to the console etc.

Let’s demonstrate it and add the method happyBirthday(). This method increases age of the student and prints some info about it:

12345678910111213141516
class Student{ name; university; age; gpa; sleep(){ console.log('I am sleeping right now!'); } happyBirthday(){ this.age += 1; console.log('Today is my birthday!'); } } s = new Student(); s.happyBirthday();
copy

You can store some function arguments.

12345
// method of the class happyBirthday(newAge){ this.age = newAge; console.log('Today is my birthday!'); }
copy
Aufgabe

Swipe to start coding

Modify sleep() method: store argument hours in it and output the message: 'I am going to sleep for '+hours+' hours' instead of the current message inside this method.

Lösung

Actually you already met attributes and methods in other objects. For example, length is a attribute of some object of the class array. In the console.log(), console is a class to write some data to the stream, and log() is a method, that prints your data (like 'hello world') to the stream.

Switch to desktopWechseln Sie zum Desktop, um in der realen Welt zu übenFahren Sie dort fort, wo Sie sind, indem Sie eine der folgenden Optionen verwenden
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 3
Switch to desktopWechseln Sie zum Desktop, um in der realen Welt zu übenFahren Sie dort fort, wo Sie sind, indem Sie eine der folgenden Optionen verwenden
Wir sind enttäuscht, dass etwas schief gelaufen ist. Was ist passiert?
some-alt