Differences between ES6 class and ES5 function constructors

In this article, we will discuss the difference between the ES6 class and ES5 function constructors. Both serve the purpose of creating new objects, still, they have some differences between them.

ES6 Class constructors: ES6 class constructors work quite the same as class constructors in other object-oriented languages. They are used to create new objects.

class User {
    constructor(name, age, gender) {
        this.name = name;
        this.age = age;
    this.gender = gender;
    }
    print() {
        console.log(`${this.name} has an age of 
        ${this.age} and gender of ${this.gender}`);
    }
}

const Roy = new User('Roy', '19', 'Male');
Roy.print();

Output:

"Roy has an age of 19 and gender of Male"

ES5 function constructor: ES5 function constructors are also used to create objects. The above example can be modified as following through the use of function constructors.

function User(name, age, gender) {
    this.age = age;
    this.name = name;
    this.gender = gender;
    this.print = function () {
        console.log(`${this.name} has an age of ${this.age} 
                        and gender of ${this.gender}`);
    };
}

const Roy = new User('Roy', '19', 'Male');
Roy.print();

Output:

"Roy has an age of 19 and gender of Male"

Difference between ES6 class and ES5 function  constructors: