Scope issue within JavaScript Object literal

Question

I'm actually new to programming and this community. Currently I'm working on a code that facing a scope issue with object literals. can anyone help me with this?

var obj = {
   value: 3,
   print:()=>console.log(value)
}

obj.print();

When we are using non arrow functions it is working. I can only use arrow functions here.

@Marios that won't work because the code uses a => function — Pointy
– Pointy, Commented Dec 12, 2022 at 16:00
@Pointy yeah I meant the regular function as he said, I should have made it clear — Marios
– Marios, Commented Dec 12, 2022 at 16:00

Som Shekhar Mukherjee · Accepted Answer · 2022-12-12 16:02:39Z

3

You can either use the this keyword to reference the object, but then you would have use a regular function instead of an arrow function.

const obj = {
  value: 3,
  print() {
    console.log(this.value)
  },
};

obj.print();

Or you can reference the object directly (better to use previous approach).

const obj = {
  value: 3,
  print: () => console.log(obj.value),
};

obj.print();

answered Dec 12, 2022 at 16:02

Som Shekhar Mukherjee

8,1982 gold badges16 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Aravinda Meewalaarachchi · Accepted Answer · 2022-12-12 16:07:53Z

1

The only solution that comes to my mind is to use the reference if you only want to use the arrow functions.

var obj = {
   value: 3,
   print:()=>console.log(obj.value)
}

obj.print();

answered Dec 12, 2022 at 16:07

Aravinda Meewalaarachchi

2,6691 gold badge31 silver badges27 bronze badges

Collectives™ on Stack Overflow

Scope issue within JavaScript Object literal

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related