Как разобрать код (underscore.js)?

Question

[eugenedrvnk]

Пытаюсь разбираться с underscore.js и там есть подобный фрагмент кода, суть которого заключается в определении "корневого" объекта, куда в дальнейшем будут добавляться разные методы библиотеки.

var root = typeof self == 'object' && self.self === self && self ||
            typeof global == 'object' && global.global === global && global ||
            this;

У меня возникла небольшая проблема в целом с прочтением этого участка кода.
Как его правильно воспринимать?

Понимаю, что переменной root будет присвоен первый 'true' фрагмент из трёх возможных вариантов, но что при каждом из них происходит, непонятно.

Answer 1

[Антон Швец]

a = x && '1' || '2'
соответствует
a = x ? '1' : '2'
Разложите, начиная с конца.

Или вот вам аналог

const root = (() => {
  if (typeof self == 'object' && self.self === self) {
    return self
  } 
  if (typeof global == 'object' && global.global === global ) {
    return global
  } 
   return this;
 }
})();

короче, не надо так писать в проде :)

Comments

[eugenedrvnk]

Как-то по итогу мой мозг всё равно полностью не хочет успокаиваться. На learnjs в статье написано следующее : оператор && вычисляет операнды слева направо до первого «ложного» и возвращает его, а если все истинные – то последнее значение.

Получается, если это интерпритировать под имеющийся пример, то выйдет что в фрагменте кода ниже : 1) typeof self == 'object' | true. Идём дальше, 2) self.self == self так же вернёт true.
3) self так же преобразуется в true и учитывая что все моменты истинные - возвращается self, т.е последнее значение.

typeof self == 'object' && self.self === self && self

[Антон Швец]

eugenedrvnk, расставьте скобки просто вокруг &&

[eugenedrvnk]

Антон Швец, всё, как-то неожиданно стукнуло в голову и пришло наконец осознание. Спасибо за объяснение)

Answer 2

[Сергей Соколов]

См. таблицу Приоритета операторов JS. От более высокого к менее:

1. == и === (одинаково)
   
2. &&
   
3. ||
   

расставить скобки

var root = 
  ( typeof self == 'object' && self.self === self && self )  ||
  ( typeof global == 'object' && global.global === global && global )  ||
  ( this );

и ещё больше скобок

var root = 
  ( (typeof self == 'object') && (self.self === self) && (self) )  ||
  ( (typeof global == 'object') && (global.global === global) && (global) )  ||
  ( this );

Пытаются понять контекст выполнения.

• self в Worker'ах;
  
• global определена в nodejs;
  
• this в прочих.