Course Content
The Complete Frontend Developer Roadmap
The Complete Frontend Developer Roadmap
0/1
Lesson 1:- What is JavaScripts
Introduction to JavaScripts
0/1
Lesson 2:- JavaScript Course for Beginners – Your First Step to Web Development
JavaScript Course for Beginners
0/1
Lesson 3:-Object-oriented Programming in JavaScript: Made Super Simple
Object-oriented Programming in JavaScript
0/1
Lesson 4:- JavaScript Arrays
JavaScript Arrays
0/1
Less0n 5:- JavaScript Functions
JavaScript Functions
0/1
Lesson 6:- JavaScript Strings
JavaScript Strings
0/1
Lesson 7:- JavaScript if else
JavaScript if else
0/1
Lesson 8:- JavaScript Loops
JavaScript Loops
0/1
Lessons 9:- JavaScript Factory Functions
JavaScript Factory Functions
0/1
Lesson 10:- JavaScript Constructor Functions
JavaScript Constructor Functions
0/1
Lesson 11:- JavaScript Getters and Setters
JavaScript Getters and Setters
0/1
Lesson 12:- JavaScript Value vs Reference Types
JavaScript Value vs Reference Types
0/1
Lesson 13:- JavaScript Scope (Local vs Global)
JavaScript Scope (Local vs Global)
0/1
Lesson 14:- JavaScript Let vs Var vs Constant
JavaScript Let vs Var vs Constant
0/1
Lesson 15:- JavaScript Cloning an Object
JavaScript Cloning an Object
0/1
Lesson 16:- JavaScript this Keyword
JavaScript this Keyword
0/1
Lesson 17:- JavaScript Template Literals
JavaScript Template Literals
0/1
Lesson 18:- JavaScript Array Filter
JavaScript Array Filter
0/1
Lesson 19:- JavaScript Array Map
JavaScript Array Map
0/1
Lesson 20:- JavaScript Array Reduce
JavaScript Array Reduce
0/1
Extra Lesson 1:-Learn Modern JavaScript in 1 Hour
Learn Modern JavaScript in 1 Hour
0/1
Extra Lesson 2:- JavaScript Unit Testing Tutorial for Beginners
JavaScript Unit Testing Tutorial for Beginners
0/1
Extra Lesson 3:- React Testing for Beginners
React Testing for Beginners
0/1
9 Reasons People Hate JavaScript
9 Reasons People Hate JavaScript
0/1
JavaScripts for Beginners
About Lesson

JavaScript Constructor Functions

  • Creating Objects with the ‘new’ Keyword: Constructor functions are a special type of function that is used to create objects using the new keyword.

  • Syntax:

function Person(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; this.fullName = function() { return this.firstName + ” ” + this.lastName; }; }  

const person1 = new Person(“John”, “Doe”);  


* **`this` Keyword:**
- Inside a constructor function, `this` refers to the newly created object.
- Properties are assigned to the object using `this`.

* **Creating Objects:**
- When you use the `new` keyword with a constructor function:
   1. A new empty object is created.
   2. The constructor function is called with the `this` keyword bound to the newly created object.
   3. The constructor function assigns properties and methods to the object using `this`.
   4. The newly created object is returned.

* **Relationship to Classes:**
- Constructor functions are a precursor to the `class` syntax introduced in ES6.
- Classes provide a more modern and cleaner syntax for creating objects, but they essentially build upon the concept of constructor functions.

**In summary, constructor functions provide a structured way to create objects, making your code more organized and easier to maintain.**

**Note:** While constructor functions are still valid, the `class` syntax is generally preferred in modern JavaScript development due to its improved readability and maintainability.