How to use the arrow function as a constructor function in JavaScript?

Question

Aryan Kumar · Answer

Arrow functions in JavaScript are not suitable for use as constructor functions. Arrow functions are designed for short, concise function expressions and do not have their own this binding. Instead, they lexically inherit the this value from the surrounding context. This means they cannot be used to create new objects with their own properties and methods like constructor functions created with the function keyword.

To create constructor functions in JavaScript, you should use the function keyword. Here's an example of a constructor function and how to use it:

function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person.prototype.sayHello = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

const person1 = new Person("Alice", 25);
const person2 = new Person("Bob", 30);

person1.sayHello(); // Outputs: "Hello, my name is Alice and I am 25 years old."
person2.sayHello(); // Outputs: "Hello, my name is Bob and I am 30 years old."

In this example:

Person is a constructor function created with the function keyword.
It takes name and age as parameters and assigns them as properties of the newly created object.
Person.prototype.sayHello is used to add a method to all instances created from the Person constructor.

You should stick to using the function keyword for constructor functions when you need to create instances with their own properties and methods. Arrow functions are not appropriate for this purpose.

forum

How to use the arrow function as a constructor function in JavaScript?

Can you answer this question?

1 Answers