Удивительные инструменты для лучшего понимания области видимости и блока в javaScript!

Если вы читаете эту статью, мы предполагаем, что вы знакомы с концепцией диапазона и блока в JavaScript, и мы лишь намерены познакомить вас с некоторыми практическими инструментами для лучшего понимания этой концепции.

Визуализатор области видимости JS

В JavaScript понятие «область видимости» всегда было сложным для программистов, независимо от их опыта. вот простой инструмент для визуализации области видимости каждой части вашего кода. этот онлайн-инструмент иллюстрирует области видимости с помощью цветов. участки кода с одинаковым цветом находятся в одной области видимости! наслаждайтесь.
🌎 https://js-scope-visualizer.firebaseapp.com/#visualizer

Трюк с кодом VS

Если вы программист, ищущий идеальный контроль над своим кодом, я настоятельно рекомендую скопировать эти две строки отсюда (внизу) в ваш файл VScode «setting.json». Зачем?!
Как вы можете видеть (в GIF), сделав это, вы активируете встроенную функцию, которая автоматически выделяет цветом соответствующие скобки и одновременно указывает область видимости/блок, в котором вы находитесь! Так чего же вы ждете?
Скопируйте эти две строки в файл «setting.json» вашего VScode :

"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": "active",
Войти в полноэкранный режим Выйти из полноэкранного режима

Конечно, есть и другие инструменты и методы, которые можно использовать для лучшего понимания Scope и Block. Пожалуйста, не стесняйтесь ссылаться на них в разделе комментариев, чтобы их можно было включить в статью, если они окажутся полезными.

Меня зовут Хуман Талакян, и вы можете следовать за мной на LinkedIn, если вам понравилась эта статья.

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *