Breaking News: Grepper is joining You.com. Read the official announcement!

mixing arrow function and normal functions

Add Answer

PeeBee! answered on September 14, 2021 Popularity 9/10 Helpfulness 3/10

answer mixing arrow function and normal functions

related difference between normal function and arrow function

related why to use arrow functions over normal function

related arrow function vs normal function

mixing arrow function and normal functions

Comment

In this example, we have an object with a greet method that uses an arrow function inside a setTimeout call. The arrow function has access to the enclosing scope’s this value, which is the object itself. If we had used a regular function instead of an arrow function, this would have referred to the enclosing scope instead of the object.

const obj = {
  name: 'John',
  age: 30,
  greet() {
    setTimeout(() => {
      console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
    }, 1000);
  }
};

obj.greet(); // Hello, my name is John and I'm 30 years old.

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: function javascript mixing

Link to this answer
Share Copy Link

Contributed on Apr 12 2023

PeeBee!

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

why to use arrow functions over normal function

Comment

// => why to choose arrow function over normal function 
1. short syntax, good as callback functions
 ([].map(() => {}) is better than [].map(function () {}))

2. when using class component, with arrow functions no need to bind this

// example: 

 -// this will be undefined
		button.addEventListener('click', () => {console.log(this); })
  // this will refer to dom button
		button.addEventListener('click', function () {console.log(this); })

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: arrow-functions

Link to this answer
Share Copy Link

Contributed on Sep 14 2021

Abhishek

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 9/10 Helpfulness 1/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

mixing arrow function and normal functions

Contents

More Related Answers

mixing arrow function and normal functions

Closely Related Answers

difference between normal function and arrow function

why to use arrow functions over normal 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.