why const value's name instead of `this` [duplicate]

Question

I am learning airbnb coding style. Why use atom.value instead of this.value in the following codes (section 3.3)? any benefits?

// good
const atom = {
  value: 1,

  addValue(value) {
    return atom.value + value;
  },
};

Update

The following code is an example of its benefits. Any other benefits?

const bias = atom.addValue;
console.log(bias(11))

Thanks

Haven't looked at the docs, but they possibly prefer the use of atom because this is ambiguous depending on the scope. Using atom is a clear indication of the scope intended. — Cjmarkham
– Cjmarkham, Commented Jun 19, 2017 at 20:07
@BAE Yeh, this and atom in this context would be the same thing, just code readability really. — Cjmarkham
– Cjmarkham, Commented Jun 19, 2017 at 20:10

Pritam Banerjee · Accepted Answer · 2017-06-19 20:10:40Z

0

If you use this it will refer to addValue scope:

addValue(value) {
  return this.value + value;
}

Here this will not refer to atom but the addValue() which does not have any value attribute.

const atom = {
  value: 1,

  addValue(value) {
    console.log( atom.value + value);
    return atom.value + value;
  },
};

atom.addValue(20);

answered Jun 19, 2017 at 20:10

Pritam Banerjee

19.1k10 gold badges97 silver badges113 bronze badges

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

5 Comments

Pritam Banerjee Over a year ago

@MysteryDownvoter why the downvote?

Cjmarkham Over a year ago

this refers to the global object. You can see this by editing your snippet to use this.value + value the result will be the same.

Bergi Over a year ago

The addValue scope is not a JS object. Did you mean the call context?

Cjmarkham Over a year ago

@Bergi possibly, terminology isn't my strong point.

Cjmarkham Over a year ago

regardless, this does not refer to the method and using this.value is essentially the same as atom.value. Seems like personal preference on their part

Collectives™ on Stack Overflow

why const value's name instead of `this` [duplicate]

1 Answer 1

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Linked

Related