difference between function and arrow function

Hustler answered on August 24, 2021 Popularity 10/10 Helpfulness 4/10

answer difference between function and arrow function

related difference between normal function and arrow function

related javascript function declaration vs arrow function

related arrow function vs normal function

difference between function and arrow function

Comment

There are a few differences between regular functions and arrow functions in JavaScript:

1. Syntax: Arrow functions have a shorter syntax compared to regular functions. Arrow functions do not have the function keyword, and the return keyword is optional if the function body is a single expression.

// Regular function
function sum(a, b) {
  return a + b;
}

// Arrow function
const sum = (a, b) => a + b;

2. this keyword: The value of the this keyword inside a regular function is determined by how the function is called. In an arrow function, the value of this is inherited from the surrounding context.

const obj = {
  name: 'John',
  regularGreet: function() {
    console.log(`Hello, my name is ${this.name}`);
  },
  arrowGreet: () => {
    console.log(`Hello, my name is ${this.name}`);
  }
};

obj.regularGreet(); // "Hello, my name is John"
obj.arrowGreet(); // "Hello, my name is undefined"

3. arguments object: The arguments object is an array-like object that is available inside functions. It can be used to access the arguments passed to the function. Arrow functions do not have their own arguments object. Instead, they can use the rest parameter syntax (...) to access the arguments passed to the function.

function sum() {
  console.log(arguments);
}

const sum = () => {
  console.log(arguments); // Uncaught ReferenceError: arguments is not defined
}

const sum = (...args) => {
  console.log(args);
}

4.new operator: Regular functions can be called with the new operator to create an instance of an object. Arrow functions cannot be used as constructors and cannot be called with the new operator.

function Person(name) {
  this.name = name;
}

const person = new Person('John');
console.log(person.name); // "John"

const Person = (name) => {
  this.name = name;
}

const person = new Person('John'); // Uncaught TypeError: Person is not a constructor

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: between difference function javascript

Link to this answer
Share Copy Link

Contributed on Jan 04 2023

Hustler

0 Answers Avg Quality 2/10

Closely Related Answers

difference between normal function and arrow function

Comment

//* main difference is arrow functions do not have their own this
let user = {
  name: "HEllo world",
  functTest() {
    console.log("----functTest---", this.name) // HEllo world
  },
  arrowTest: () => { 
    console.log("----arrowTest----", this.name) // undefined
  }
}
user.functTest()
user.arrowTest()

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: between

Link to this answer
Share Copy Link

Contributed on Jan 20 2022

Abhishek

0 Answers Avg Quality 2/10

javascript function declaration vs arrow function

Comment

Regular functions created through function declarations / expressions are both constructible and callable. ... Arrow functions (and methods) are only callable i.e arrow functions can never be used as constructor functions. Hence, they can never be invoked with the new keyword.

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: function functio

Link to this answer
Share Copy Link

Contributed on Aug 24 2021

Fragile Frog

0 Answers Avg Quality 2/10

arrow function vs normal function

Comment

var name = "Suprabha"
let newObject = {
    name : "supi",
    arrowFunc: () => {
        console.log(this.name); 
    },
    regularFunc() {
        console.log(this.name); 
    }   
}
newObject.arrowFunc(); // undefined
newObject.regularFunc(); // supi

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: medium.com

Tags: function functio

Link to this answer
Share Copy Link

Contributed on Nov 21 2022

Siddharth Patel

0 Answers Avg Quality 2/10

difference between function and arrow function

Contents

More Related Answers

difference between function and arrow function

Closely Related Answers

difference between normal function and arrow function

javascript function declaration vs arrow function

arrow function vs normal function

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.