Object Oriented Programming in JavaScript: Part 1

Introduction

 

JavaScript is a prototype-based programming style of object-oriented programming in which classes are not present.

 

It can support OOP because it supports inheritance through prototyping as well as properties and methods.

 

Object-Oriented Programming in JavaScript is known as prototype-based programming.

1. Creating Class in JavaScript
    
   the following syntax is used for declaring a class in JavaScript:

   function Emp() {
       alert('Emp instantiated');
   }

   Here Emp can act as a class in JavaScript.
    
   The body of Emp acts as a constructor and is called as soon as we create an object of the class.
    
   
2. Creating Objects of Emp Class
    
   Using the following syntax we can create an object of the Emp class:

   var Emp1 = new Emp();

   As soon as we create an object of the Emp class the constructor will be called. 
    
   Here the above function Emp would be treated as a class in JavaScript.
    
    
3. Running the code
    
    
   An alert will be shown on the page-load of the web form.
    
4. Properties of class
    
   We can define the properties of a class in the following way:

   function Emp(firstname) {
       alert('Emp instantiated');
       this.firstname = firstname;
   }

   • Passing value to properties

     var Emp1 = new Emp("Devesh is Emp of GENPACT INDIA");
     alert(Emp1.firstname);
   • Snap for defining properties
      
      
   • Complete code
      
      
   • Running code
      
      
     When we run the code we get an alert of the string that we are passing to the Emp class.

     var Emp1 = new Emp("Devesh is Emp of GENPACT INDIA");

Conclusion

 

This document contains the basics of OOP in JavaScript.

 

Next article: Object-Oriented Programming in JavaScript -Part 2