В чем отличие this.sort от this[sort]?

Question

[aLeXxX_03]

В строчке

return sort ? this.list.slice().sort(this[sort]) : this.list;

пытаюсь вместо this[sort] сделать this.sort, но выходит значение undefined. А this[sort] работает нормально.

Не могу понять, в чем разница между этими двумя записями: this[sort] и this.sort.

Answer 1

[Михаил Р.]

- this.sort обращается напрямую к свойству объекта.
- this[sort] использует вычисляемое имя свойства.

const obj = {
  sort: 1,
  noSort: 2,
}

const x = 'noSort';

console.log(obj.sort) // 1

console.log(obj[x]) // 2
// эквивалент в этом примере
console.log(obj['noSort']) // 2

Comments

[aLeXxX_03]

я так и понял, но подскажите, где об этом можно почитать?
Не помню, чтобы на learn.js было об этом

[Михаил Р.]

aLeXxX_03, https://learn.javascript.ru/object#vychislyaemye-s...

[aLeXxX_03]

Михаил Р., да, уже сам нашел и вспомнил, спасибо

Answer 2

[Сергей delphinpro]

const sort = 'other';
const any  = 'other';

const obj = {
  sort: 'my name is sort',
  other: 'my name is other',

  test() {
    console.log(this.sort);  // 'my name is sort'
    console.log(this[sort]); // 'my name is other'
    console.log(this[any]);  // 'my name is other'
  }
}

obj.test();