Если вы пришли сюда с пуристическим мышлением, этот блог наверняка вас пощекочет! Но я хочу, чтобы вы почти не волновались, потому что if-else устарел в кодировании JavaScript! Как сказал Билл Гейтс,
«Жизнь несправедлива; привыкай к этому».
поэтому я бы предпочел использовать тернарный оператор, чем писать громоздкие блоки if-else. Тернарный оператор дает нам те же возможности, что и любой обычный блок if-else, а также делает код чистым и читабельным! Сначала давайте начнем с основ, и вы увидите, как здорово программировать с помощью такого мощного инструмента.
Основной пример:
Как вы можете видеть, это обычный блок if-else, но все это можно обобщить одной простой строкой!
Не очень простой пример:
И это может показаться не большим изменением, за исключением тех случаев, когда вам нужно написать тысячи строк кода, и такие сокращения здесь и там имеют большое значение! Но мы поцарапали только поверхность такого многоцелевого инструмента! Люди скажут, что if-else по-прежнему полезен, поскольку троичный возможен только во время присвоения значения; Я позволю себе не согласиться, потому что он может делать все, что может делать блок if-else!
Теперь вы можете подумать, как этот блок кода может стать *не-если-иначе* !! Не бойтесь, вот прекрасное решение!
Итак, что же нам делать? Мы сделали эти блоки if и else двумя соответствующими функциями и буквально вызываем весь троичный блок, так как в зависимости от условия вывод троичного блока является функцией!
Тернарный без другого:
А если заблокировать? Поскольку троичный код предназначен для двух вещей, можно ли использовать проверку одного условия? И да, это возможно!!
Мы тоже можем это сделать!!
Тернарный на базе ECMA6+:
Теперь пуристы все еще будут спорить, говоря, что этот тип кодирования не заставляет их влюбляться в эти глупые трюки! Но когда мы будем работать с различными методами Array или String и их обратными вызовами, мы начнем видеть реальные преимущества использования такого синтаксиса кодирования! Итак, ECMA6+ поставляется со стрелочной функцией, и мы можем опустить оператор return и фигурные скобки, если функциональный блок не имеет объявления нескольких переменных или вызова метода и т. д. Давайте использовать метод отображения массива с функцией vanilla js!
Теперь, после преобразования ECMA6+ и реализации тернарного оператора!
Код становится чище, а обратный вызов становится тоньше !!
Как вы могли видеть, существуют тысячи вариантов того, как вы хотите использовать троицу, и это весело и захватывающе! Возможно, мне придется перестать печатать, так как этот блог уже стал слишком длинным, и если вы читаете эту строку прямо сейчас, я очень благодарен за ваше терпение; Да прибудет с вами тройка!! увидимся позже, Чао !!!
«Кроме наших собственных мыслей, в нашей власти нет ничего абсолютно».»
