Learn JavaScript Part 17: Class in JavaScript

  1. <!DOCTYPE html>  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4.     <title></title>  
  5. </head>  
  6. <body>  
  7.     <script id="javascript">  
  8.         function personalDetail(fname,lname,email)  
  9.         {  
  10.             this.fname = fname;  
  11.             this.lname = lname;  
  12.             this.email = email;  
  13.         }  
  14.   
  15.         var pDetail = new personalDetail("Akshay""Patel""[email protected]");  
  16.   
  17.         var name = pDetail.fname + " " + pDetail.lname;  
  18.   
  19.         alert(name);  
  20.     </script>  
  21. </body>  
  22. </html> 

Output

Akshay Patel

Member Function

Add following code snippet inside function at last.

  1. this.printDetail = function (detail) 
  2. {
  3.    alert(detail);  

Add following line of code at last inside script

  1. pDetail.printDetail(name + "\n" + pDetail.email); 

Output

Akshay Patel
[email protected]