Допустим, у нас есть функция ниже.
Он работает нормально, но время от времени мы сталкиваемся со странной ошибкой. Итак, какой первый шаг мы делаем в отладке? Да, вы поняли, мы начнем с регистрации параметров функции.
Однако для этого нам нужно будет реорганизовать нашу функцию, чтобы она выглядела примерно так, как показано ниже. Включая фигурные скобки, записывая console.log и добавляя оператор return. Это много дополнительных шагов, не так ли?
Но это не обязательно! Если мы просто хотим зарегистрировать параметры, приведенная ниже версия функции — это быстрый способ сделать это. Нам больше не нужно преобразовывать нашу однострочную стрелочную функцию в многострочную.
Только не забудьте удалить console.log после завершения отладки.
Это кажется немного хакерским, и почему это вообще работает? Это утверждение верно благодаря тому, как логические операторы работают в JavaScript.
'Логические операторы обычно используются с
Boolean(логическими) значениями. Когда они есть, они возвращают логическое значение. Однако операторы&&и||на самом деле возвращают значение одного из указанных операндов, поэтому, если эти операторы используются с небулевыми значениями, они вернут небулево значение» — Веб-документы MDN
Поскольку console.log разрешается в falsy, функция вернет его вторую часть, в нашем случае это a + b. Довольно аккуратно, правда?
Заключительные слова
Обнаружение этого небольшого трюка изменило правила игры, когда дело дошло до более эффективной отладки стрелочных функций. Что вы думаете об этой технике? Вы знали об этом раньше? Продолжим обсуждение в разделе комментариев.
Спасибо за прочтение и подписывайтесь, чтобы не пропустить ни одного из моих будущих постов! 🙏
Роберт — полнофункциональный веб-разработчик, в настоящее время работает в компании Relatable. Он любит вдохновлять людей, исследовать новые места, читать отличные книги, делать вдохновляющие фотографии и постоянно узнавать что-то новое.
Подпишитесь на него в LinkedIn, Instagram, GitHub, Goodreads или здесь, на Medium.
