JavaScript заметки

Функции Зачастую нам надо повторять одно и то же действие во многих частях программы. Чтобы не повторять один и тот же код во многих местах, придуманы функции.  Функции являются основными «строительными блоками» программы. Для создания функций мы можем использовать объявление функции. Вначале идёт ключевое слово function, после него имя функции, затем список параметров в круглых скобках через запятую (в вышеприведённом примере он пустой) и, наконец, код функции, также называемый «телом функции», внутри фигурных скобок. Наша новая функция может быть вызвана по её имени: showMessage(). #функции #function

АЙТИШНИК? Устал часами искать нужную инфу? 🌍 Канал ITYoutubers — отборные видео мира IT со всего рунета. Расскажет про: новости, верстку, фронт и бэк энд, дизайн и многое другое. 🔥 ITYoutubers — твой личный помощник в подборе правильного медиаконтента. Подпишись и начни развиваться в IT ещё быстрее!

Тип данных Symbol По спецификации, в качестве ключей для свойств объекта могут использоваться только строки или символы.  Ни числа, ни логические значения не подходят, разрешены только эти два типа данных. «Символ» представляет собой уникальный идентификатор. Создаются новые символы с помощью функции Symbol(): При создании символу можно дать описание (также называемое имя), в основном использующееся для отладки кода. Символы гарантированно уникальны. Даже если мы создадим множество символов с одинаковым описанием, это всё равно будут разные символы.  Описание – это просто метка, которая ни на что не влияет. Символы особенные они не преобразуются автоматически в строку. Cтроки и символы – принципиально разные типы данных и не должны неконтролируемо преобразовываться друг в друга. #Symbol #типы_данных

Решайте практические тесты из собеседований на нашем втором канале @tests_js

Логические операторы В JavaScript есть три логических оператора. Несмотря на своё название, данные операторы могут применяться к значениям любых типов. Полученные результаты также могут иметь различный тип. Давайте рассмотрим их:  - || (ИЛИ) Оператор логического ИЛИ возвращает истину когда хотя бы один из операндов является истинным.  - && (И) Оператор логического И возвращает истину если все операнды являются истинной.  - ! (НЕ) Оператор принимает один аргумент и выполняет следующие действия: 1)Сначала приводит аргумент к логическому типу true/false. 2)Затем возвращает противоположное значение. Приоритет НЕ ! является наивысшим из всех логических операторов, поэтому он всегда выполняется первым, перед && или ||. #логические_операторы #основы

Потеря «this» При передаче методов объекта в качестве колбэков, например для setTimeout, возникает известная проблема – потеря this. Как только метод передаётся отдельно от объекта – this теряется. На картинке выше, При запуске этого кода мы видим, что вызов this.firstName возвращает не «Вася», а undefined! Это произошло потому, что setTimeout получил функцию sayHi отдельно от объекта user (именно здесь функция и потеряла контекст). Метод setTimeout в браузере имеет особенность: он устанавливает this=window для вызова функции.  Таким образом, для this.firstName он пытается получить window.firstName, которого не существует. В других подобных случаях this обычно просто становится undefined. #потеря_this #функции

Больше тестов Вы найдёте на нашем втором канале @tests_js Подписывайся, чтобы не потерять 🔥

Операторы сравнения Многие операторы сравнения известны нам из математики. В JavaScript они записываются так:  - Больше/меньше: a > b, a < b.  - Больше/меньше или равно: a >= b, a <= b.  - Равно: a == b. Обратите внимание, для сравнения используется двойной знак равенства ==. Один знак равенства a = b означал бы присваивание.  - Не равно. В математике обозначается символом ≠, но в JavaScript записывается как a != b. Результат сравнения имеет логический тип Все операторы сравнения возвращают значение логического типа:  - true – означает «да», «верно», «истина».  - false – означает «нет», «неверно», «ложь». #операторы_сравнения #основы

Может уже хватит писать код самому? За окном 2021 — век технологий. Перестань изобретать велосипед. Просто возьми код — и примени для своего проекта. @web_features — библиотека программиста, в которой мы пишем код за тебя. Креативная анимация, готовые карточки, варианты стильного интерфейса и др. Не будь crazy, подпишись — @web_features

Сборка мусора Управление памятью в JavaScript выполняется автоматически и незаметно. Мы создаём примитивы, объекты, функции… Всё это занимает память. Основной концепцией управления памятью в JavaScript является принцип достижимости. Если упростить, то «достижимые» значения – это те, которые доступны или используются. Они гарантированно находятся в памяти. В интерпретаторе JavaScript есть фоновый процесс, который называется сборщик мусора. Он следит за всеми объектами и удаляет те, которые стали недостижимы. Глобальная переменная user ссылается на объект {name: "John"}. В свойстве "name" объекта John хранится примитив. Если перезаписать значение user, то ссылка потеряется: user = null; Теперь объект John становится недостижимым. К нему нет доступа, на него нет ссылок. Сборщик мусора удалит эти данные и освободит память. #сборка_мусора #основы

⚡️ Слили все платные курсы Skillbox,SkillFactory, GeekBrains,HTML academy,Яндекс.Практикум,Webformyself и ещё 10 онлайн-школ.  Админ канала Free Education делится лучшими дорогостоящими материалами, которые помогут тебе с самообразованием! Это праздник для всех, кто не был готов платить 50-200 тысяч рублей за одно обучение. Заходи и забирай гигабайты платных курсов, книг, треннингов и многого другого - БЕСПЛАТНО! 🛑Подборка курсов по Frontend🛑 🇺🇸Подборка курсов иностранных языков🇺🇸 Успейте пройти курс по любой специальности БЕСПЛАТНО:  https://t.me/joinchat/t2w5TwHARQRjZmFi 🔥Курсы от Skillbox и многие другие в телеграм канале : @free_education_for_all 🕵️‍♂️Любые курсы по запросу: @free_education_admin.

Возврат значения из конструктора return Обычно конструкторы ничего не возвращают явно.  Их задача – записать все необходимое в this, который в итоге станет результатом. Но если return всё же есть, то применяется простое правило: При вызове return с объектом, будет возвращён объект, а не this. При вызове return с примитивным значением, примитивное значение будет отброшено. Другими словами, return с объектом возвращает объект, в любом другом случае конструктор вернёт this. На картинке выше return возвращает объект вместо this. #return #объекты

Прокачивай свой технический английский без больших усилий, уделяя 5 минут в день! На этом канале регулярно публикуют самые популярные слова и выражения из мира IT. Подойдет всем IT-специалистам, которые хотят без труда читать документацию на английском и свободно общаться с иностранными заказчиками. Подписывайся на @enforit и качай свой инглиш, пока компилируется проект👌

Генераторы Обычные функции возвращают только одно-единственное значение (или ничего). Генераторы могут порождать (yield) множество значений одно за другим, по мере необходимости.  Генераторы отлично работают с перебираемыми объектами и позволяют легко создавать потоки данных. Для объявления генератора используется специальная синтаксическая конструкция: function*, которая называется «функция-генератор». При вызове функции-генератор возвращается специальный объект, так называемый «генератор», для управления её выполнением. Основным методом генератора является next(). При вызове он запускает выполнение кода до ближайшей инструкции yield <значение>.  По достижении yield выполнение функции приостанавливается, а соответствующее значение – возвращается во внешний код. #генераторы #итерация

GitHub теперь в Telegram! Подписывайтесь: @github_ru

Значение «undefined» Специальное значение undefined стоит особняком. Оно формирует тип из самого себя так же, как и null. Оно означает, что «значение не было присвоено». Если переменная объявлена, но ей не присвоено никакого значения, то её значением будет undefined. Технически мы можем присвоить значение undefined любой переменной, но так делать не рекомендуется.  Обычно null используется для присвоения переменной «пустого» или «неизвестного» значения, а undefined – для проверок, была ли переменная назначена. #undefined #типы_данных

🎓 Держи бесплатную альтернативу курсам по программированию. Специально для твоего удобства мы создали канал с лучшими статьями Хабра на любую тему: Python, Java, frontend, backend и вообще обо всём, что связано с программированием! Подписывайся, это настоящая годнота: @habr_telegram

Прерывание цикла «break» Обычно цикл завершается при вычислении условия в false. Но мы можем выйти из цикла в любой момент с помощью специальной директивы break. Например, на картинке выше код подсчитывает сумму вводимых чисел до тех пор, пока посетитель их вводит, а затем – выдаёт. Директива break в строке (*) полностью прекращает выполнение цикла и передаёт управление на строку за его телом, то есть на alert. Вообще, сочетание «бесконечный цикл + break» – отличная штука для тех ситуаций, когда условие, по которому нужно прерваться, находится не в начале или конце цикла, а посередине. #break #циклы