Last Updated on June 7, 2026 by admin

JavaScript Arrow Functions & Regular Functions

In JavaScript, there are two types of functions i.e., regular functions and arrow functions. Let’s discuss….

JavaScript Arrow Functions :-

• Introduced in ES6 and provide a easy and shorter way to create functions.
• Allow for a more concise syntax, especially when the function has only one statement that returns a value.
• Here’s the basic syntax of an arrow function:
  const functionName = (parameters) => {
  // function body
  };
• Here’s an example of an arrow function to multiply two numbers:
  const multiply = (num1, num2) => num1 * num2;
• Commonly used in modern JavaScript code for their simplicity and lexical scoping behavior.
• Implicit return- If the function body consists of a single expression, the result of that expression will be implicitly returned.
• These functions implicitly return the result of the expression if there are no curly braces around the function body.
• Arrow Functions don’t have their own this binding. This makes arrow functions more predictable when dealing with this keyword.

JavaScript Regular Functions :-

• Regular functions have their own this context.  And this is determined dynamically depending on how you call or execute the function.
• Regular functions can be defined using the function keyword in two main ways: function declaration and function expression.
• Function declaration example:
      function greet(who) {
  return `Hello, ${who}!`;
  }
• Function expression example:
      const greet = function(who) {
  return `Hello, ${who}`;
  }
• Regular functions can return anything and always run to completion after invocation.

     Note :-