How to preserver object scope while using destructuring assignment?

Question

Consider the following code:

const obj = {
  a: 'foo',
  b: function () { return this.a }
}

console.log(obj.a)   // 'foo'
console.log(obj.b()) // 'foo'

const { a, b } = obj

console.log(a)   // 'foo'
console.log(b()) // undefined

When I destruct obj, b() cannot access a anymore.

How can I preserve obj scope and allow b() to access it's siblings properties/methods while descructuring?

Possible duplicate of [Destructuring assignment in JavaScript](http://stackoverflow.com/questions/204444/destructuring-assignment-in-javascript) — farhan, May 18 '17 at 18:52
have you got a chance to go through this . https://gist.github.com/mikaelbr/9900818 — farhan, May 18 '17 at 18:53
It's less about destructuring and more about the invocation context. You can try `b.call(obj)` — Eric Guan, May 18 '17 at 18:57

score 0 · Answer 1 · answered May 18 '17 at 19:22

@dayan-moreno-leon posted a good option.

But I just noticed that I can be handled simply by using always static calls:

const obj = {
  a: 'foo',

  b: function () { return obj.a } //HERE! :D
}

const { a, b } = obj

console.log(obj.a)   // 'foo'
console.log(obj.b()) // 'foo'

console.log(a)   // 'foo'
console.log(b()) // 'foo'

How to preserver object scope while using destructuring assignment?

1 Answers1