Может ли выражение (a == 1 && a == 2 && a == 3) быть true в JavaScript?

Да, это возможно! И вот как это работает

Вы правы, на первый взгляд это кажется невозможным. Однако в JavaScript существуют механизмы, которые позволяют сделать это выражение истинным. Ключевую роль здесь играют два фактора: неявное приведение типов (coercion) при использовании оператора == и геттеры (свойства доступа) в объектах.

Оператор == (нестрогое равенство) в отличие от === (строгое равенство) пытается привести операнды к одному типу перед сравнением. Если один из операндов — объект, а другой — примитив, JavaScript вызывает метод valueOf() или toString() у объекта, чтобы получить примитивное значение. Мы можем переопределить эти методы!

Вот самый простой и элегантный способ сделать выражение истинным:

let a = {
  value: 1,
  valueOf: function() {
    return this.value++;
  }
};

console.log(a == 1 && a == 2 && a == 3); // true

Разберём по шагам, что здесь происходит:

• Мы создаём объект a со свойством value, равным 1.
• Мы переопределяем метод valueOf. Этот метод вызывается автоматически, когда JavaScript пытается преобразовать объект в примитив (например, число).
• При первом сравнении a == 1 вызывается valueOf(), который возвращает текущее значение value (1) и увеличивает его до 2. Сравнение 1 == 1 даёт true.
• При втором сравнении a == 2 снова вызывается valueOf(), который теперь возвращает 2 и увеличивает value до 3. Сравнение 2 == 2 даёт true.
• При третьем сравнении a == 3 — то же самое: возвращается 3, увеличивается до 4. Сравнение 3 == 3 даёт true.

В итоге все три условия истинны, и весь блок && возвращает true. Магия, но вполне объяснимая!

Альтернативный метод с toString()

Можно использовать и метод toString(), который тоже вызывается при приведении объекта к строке:

let a = {
  value: 1,
  toString: function() {
    return this.value++;
  }
};

console.log(a == 1 && a == 2 && a == 3); // true

Обратите внимание: приоритет у valueOf() выше, чем у toString(), когда объект приводится к числу. Но в данном примере результат будет тот же.

Почему это важно знать?

Хотя в реальной разработке так делать не рекомендуется (это запутывает код и нарушает принцип наименьшего удивления), понимание этих механизмов помогает глубже разобраться в том, как JavaScript работает "под капотом". Это также отличный пример для собеседований, чтобы проверить знание приведения типов и геттеров.

let a = new Proxy({}, {
  get: function(target, prop) {
    if (prop === 'valueOf' || prop === 'toString') {
      let count = 1;
      return () => count++;
    }
    return Reflect.get(target, prop);
  }
});

console.log(a == 1 && a == 2 && a == 3); // true