Skip to content
Related Articles

Related Articles

Difference between Methods and Functions in JavaScript
  • Difficulty Level : Hard
  • Last Updated : 19 Nov, 2020

JavaScript Functions: A function is a block of code written to perform some specific set of tasks. We can define a function using the function keyword, followed by Name and optional parameters. Body of function is enclosed in Curly braces.

Syntax: 

function functionName(parameters) {
    // Content
}

Features:

  • The function is executed when something calls/invokes it.
  • The name may contain letters, digits, dollar signs, underscore.
  • Parameters are listed inside round parenthesis after the name of the function.
  • Arguments are values a function receives when it is invoked.
  • When the control reaches the return statement, js will stop executing and the value is returned to the caller.

Example: Below is the function to add two numbers.

Javascript




var func = function(a, b) {
    var sum = a + b;
    return sum;
}
  
console.log(sum(1, 2));

Output:



3

JavaScript Methods: A JavaScript method is a property of an object that contains a function definition. Methods are functions stored as object properties. Object method can be accessed with the following syntax:

Syntax:

object = {
    methodName: function() {
        // Content
    }
};

object.methodName()

Features:

  • Actions that can be performed on objects are what we term JavaScript methods.
  • The objects can also be called without using parenthesis.
  • This refers to the owner object in a method.

Example: The following example shows the method that is invoked with an object called employee.

Javascript




<html>
    <head>
        <script>
            var employee = {
                empname: "Rahul",
                department : "sales",
                details : function() {
                    return this.empname + 
                        " works with Department "
                        this.department;
                }
            };
            console.log(employee.details());
        </script>
    </head>
</html>

Output:

Rahul works with Department sales

Difference Between Function and Method:

Function

Method

A function can be called directly by its name.A method consists of a code that can be called by the name of its object and its method name using dot notation or square bracket notation..
A function can pass the data that is operated and may return the data. The method operates the data contained in a Class.
Data passed to a function is explicit.A method implicitly passes the object on which it was called.
A function lives on its own.A method is a function associated with an object property.
My Personal Notes arrow_drop_up
Recommended Articles
Page :