Почему при двух false оператор «или» возвращает первый из двух?

Question

[dmitriyivvvv]

Добрый вечер! Имеется такой код:

<input type="email" placeholder="[e-mail]" id="email">

var el = document.getElementById('email');  
  function isEmpty(element) {
    return !el.value + ' first' || el.value === el.placeholder + ' last';
  }
isEmpty(el);

Если поле для ввода email не имеет значения то как и положено возвращается первый вариант "true first", но если значение в поле имеется, то почему то возвращается опять первый вариант "false first". Почему? Ведь по идее должен возвращаться последнее ложное значение.

Answer 1

[Антон Спирин]

Логическое или, если проверяемый операнд истина, то проверка дальше не идет и возвращается его значение.
Почитать

Comments

[dmitriyivvvv]

Вы вопрос читали вообще?

[Антон Спирин]

dmitriyivvvv, читал. А вы ответ пытались понять вообще? Проверяемый операнд !el.value + ' first', приводится к строке "false first". Строка, в свою очередь, приводится к булевому true. Оператор возвращает первый операнд, строку "false first".

[dmitriyivvvv]

Антон Спирин, Так понятней, но если убрать строку ' first' у первого варианта все равно последний false не будет выводится. Почему?

[Антон Спирин]

dmitriyivvvv, какую строку "true"? У вас в выражении такой нет.

[dmitriyivvvv]

Антон Спирин,

var el = document.getElementById('email');  
  function isEmpty(element) {
    return !el.value || el.value === el.placeholder + ' last';
  }

[dmitriyivvvv]

Антон Спирин, "first' ошибся.

[Антон Спирин]

dmitriyivvvv, почитайте про приоритеты логических операторов.
У вас получается что идет сравнение части !el.value || el.value с частью el.placeholder + ' last'. Эквивалентно:

(!el.value || el.value) === (el.placeholder + ' last')

Чтобы решить эту проблему достаточно обернуть сравнение в скобки:

!el.value || (el.value === el.placeholder) + ' last'

[dmitriyivvvv]

Антон Спирин, Спасибо теперь понятно!