Learn Object-Oriented Programming in JavaScript/

...

/

Methods in Constructor Functions

Methods in Constructor Functions

This lesson teaches how to define and add new methods in a constructor function.

We'll cover the following...

Defining Methods

Methods are defined differently in the constructor functions.

Example

We defined our methods inside the object literals in the following way:

Press + to interact
//creating an object named employee
var employee = {
  //defining properties of the object
  //setting data values
  name : 'Joe',
  age : 28,
  designation : 'Developer',
  //function to display name of the employee
  displayName() {
    console.log("Name is:", this.name)
  }
}
//calling the method
employee.displayName()

Now, let’s write the same function but for the constructor function this time:

Press + to interact
//creating an object named Employee
function Employee(_name,_age,_designation) {
   this.name = _name,
   this.age = _age,
   this.designation = _designation,
  //function to display name of the Employee
  this.displayName = function() {
    console.log("Name is:", this.name)
  }
}
//creating an object
var employeeObj = new Employee('Joe',22,'Developer')
//calling the method for employeeObj
employeeObj.displayName()
...

Create a free account to access the full course.

By signing up, you agree to Educative's Terms of Service and Privacy Policy