Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

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: 

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!

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 :

Start Your Coding Journey Now!