How to access an object's properties from the same object's (arrow) function

Question

In the normal function i can use this code

const person = {
  name: 'yaman',
  surname: 'katby',

  getFullName: function() {
    return `${this.name} ${this.surname}`
  }
}

What about arrow function by the way the code below not work

const person = {
  name: 'yaman',
  surname: 'katby',

  getFullName: () => `${name} ${surname}`
}

`getFullName: () => \`${person.name} ${person.surname}\`` - which you would do in both cases anyway — Jaromanda X, Aug 25 '18 at 11:19

score 1 · Answer 1 · answered Aug 25 '18 at 11:19

1

The point of an arrow function is that it doesn't get its own this, it closes over the one where it was created.

In the situation you've shown, you probably wouldn't use an arrow function. But if you did, you'd have to refer to the object by the name of the constant (person), because you can't use this:

const person = {
  name: 'yaman',
  surname: 'katby',

  getFullName: () => `${person.name} ${person.surname}`
};

console.log(person.getFullName());

answered Aug 25 '18 at 11:19

T.J. Crowder

1,031,962
187
1,923
1,875

why wouldn't you use the same `${person.name} ${person.surname}` in either case :p – Jaromanda X Aug 25 '18 at 11:21
1

@JaromandaX - The only reason I could see would be if you wanted to be able to use the function on another object. – T.J. Crowder Aug 25 '18 at 11:21
fair enough - more complex case then :p – Jaromanda X Aug 25 '18 at 11:23

How to access an object's properties from the same object's (arrow) function

1 Answers1