Skip to content
Related Articles

Related Articles

JavaScript | Object Methods
  • Last Updated : 06 Mar, 2019

Object Methods in JavaScript can be accessed by using functions. Functions in JavaScript are stored as property values. The objects can also be called without using bracket ().

  • In a method, ‘this’ refers to the owner object.
  • Additional information can also be added along with the object method.

Syntax:

objectName.methodName()

Properties: A function may be divided into different property values, which are then combined and returned together.
For Ex: Student function contains the properties:

  • name
  • class
  • section

Return Value: It returns methods/functions stored as object properties.

Example 1: This example use function definition as property value.






<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript Object Methods
    </title>
</head>
  
<body>
    <h1>Geeks</h1>
      
    <h3>JavaScript Object Method</h3>
      
    <p>
        studentDetail is a function definition,
        it is stored as a property value.
    </p>
      
    <p id="gfg"></p>
      
    <script>
      
        // Object creation
        var student = {
            name: "Martin",
            class : "12th",
            section : "A",
              
            studentDetails : function() {
                return this.name + " " + this.class 
                    + " " + this.section + " ";
            }
        };
          
        // Display object data
        document.getElementById("gfg").innerHTML 
                = student.studentDetails();
    </script>
</body>
  
</html>                                


Output:

Example 2: This example use storing property values and accessing without bracket ().




<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript Object Methods
    </title>
</head>
  
<body>
    <h1>Geeks</h1>
      
    <h3>JavaScript Object Method</h3>
      
    <p>
        studentDetail is a function definition,
        it is stored as a property value.
    </p>
      
    <p>
        Function definition is returned
        if we don't use ().
    </p>
    <p id="gfg"></p>
      
    <script>
      
        // Object creation
        var student = {
            name: "Martin",
            class : "12th",
            section : "A",
              
            studentDetails : function() {
                return this.name + " " + this.class
                    + " " + this.section + " ";
            }
        };
          
        // Display object data
        document.getElementById("gfg").innerHTML 
                = student.studentDetails;
    </script>
</body>
  
</html>                                


Output:

Example 3: Using function definition as property value and accessing with additional details.




<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript Object Methods
    </title>
</head>
  
<body>
    <h1>Geeks</h1>
      
    <h3>JavaScript Object Method</h3>
      
    <p>
        studentDetail is a function definition,
        it is stored as a property value.
    </p>
      
    <p id="gfg"></p>
      
    <script>
      
        // Object creation
        var student = {
        name: "Martin",
        class : "12th",
        section : "A",
          
        studentDetails : function() {
            return this.name + " " + this.class 
                + " " + this.section + " ";
        }
    };
      
    // Display object data
    document.getElementById("gfg").innerHTML
        = "STUDENT " + student.studentDetails();
    </script>
</body>
  
</html>                                    


Output:

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :