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

Cursusinhoud

Object-Oriented Programming in JavaScript

Object-Oriented Programming in JavaScript

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

book
Constructor

Constructor is used for object creation and specifying some attributes. Look at this statement:

1
student = new Student();
copy

Student() is a constructor of class Student, so the student variable is now a Student object.

This simple constructor is using by default and creates an object only. But you can define a constructor that will initialize some object attributes.

1
student = new Student('Robert', 22);
copy

student object now has name Robert and age 22.

The syntax of the constructor inside the class is following:

12345678910111213141516171819202122
class Student{ name; university; age; gpa; constructor(name, age){ this.name = name; this.age = age; console.log('Student created'); } sleep(){ console.log('I am sleeping right now!'); } happyBirthday(){ this.age += 1; console.log('Today is my birthday'); } } student = new Student('Robert', 22);
copy

By object creating, you can pass some arguments and use them inside constructor. But note that skipped parameters will have undefined value. Look at the example and run it to see what happens.

123456789101112131415
class Student{ name; age; gpa; constructor(name, age, gpa){ // constructor with 3 parameters this.name = name; this.age = age; this.gpa = gpa; console.log('Student created'); } } student = new Student('Robert', 22); // pass only 2 values console.log(JSON.stringify(student)); // object has only 2 defined properties name and age
copy

Only name and age properties are defined in student object because of 2 arguments while student initialization.

Pass the arguments in order they are defined in constructor.

Taak

Swipe to start coding

Extend existing constructor with arguments for university and gpa attributes. After that, change the line of object initialization by adding 2 more arguements inside Student() statement.

Oplossing

Switch to desktopSchakel over naar desktop voor praktijkervaringGa verder vanaf waar je bent met een van de onderstaande opties
Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 6
toggle bottom row

book
Constructor

Constructor is used for object creation and specifying some attributes. Look at this statement:

1
student = new Student();
copy

Student() is a constructor of class Student, so the student variable is now a Student object.

This simple constructor is using by default and creates an object only. But you can define a constructor that will initialize some object attributes.

1
student = new Student('Robert', 22);
copy

student object now has name Robert and age 22.

The syntax of the constructor inside the class is following:

12345678910111213141516171819202122
class Student{ name; university; age; gpa; constructor(name, age){ this.name = name; this.age = age; console.log('Student created'); } sleep(){ console.log('I am sleeping right now!'); } happyBirthday(){ this.age += 1; console.log('Today is my birthday'); } } student = new Student('Robert', 22);
copy

By object creating, you can pass some arguments and use them inside constructor. But note that skipped parameters will have undefined value. Look at the example and run it to see what happens.

123456789101112131415
class Student{ name; age; gpa; constructor(name, age, gpa){ // constructor with 3 parameters this.name = name; this.age = age; this.gpa = gpa; console.log('Student created'); } } student = new Student('Robert', 22); // pass only 2 values console.log(JSON.stringify(student)); // object has only 2 defined properties name and age
copy

Only name and age properties are defined in student object because of 2 arguments while student initialization.

Pass the arguments in order they are defined in constructor.

Taak

Swipe to start coding

Extend existing constructor with arguments for university and gpa attributes. After that, change the line of object initialization by adding 2 more arguements inside Student() statement.

Oplossing

Switch to desktopSchakel over naar desktop voor praktijkervaringGa verder vanaf waar je bent met een van de onderstaande opties
Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 6
Switch to desktopSchakel over naar desktop voor praktijkervaringGa verder vanaf waar je bent met een van de onderstaande opties
Onze excuses dat er iets mis is gegaan. Wat is er gebeurd?
some-alt