JavaScript заметки
Open in Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Show more7 740
Subscribers
-124 hours
-77 days
-5930 days
Posts Archive
7 740
Стрелочные функции
Стрелочная функция записывается намного короче, чем обычная. В самой простой записи ключевое слово
function и фигурные скобки не требуются.
В многострочных стрелочных функциях кода больше, поэтому они имеют фигурные скобки, но в остальном не отличаются.
#функции #const
Подробнее7 740
Рекурсивные функции
Внутри функции можно вызывать её саму — это пример рекурсивной функции.
Если разложить пример, то получится следующая цепочка:
- fac(3) это 3 * fac(2);
- fac(2) это 2 * fac(1);
- fac(1) это 1.
Получается, что
fac(3) это 3 * 2 * 1, то есть 6. Такой подход часто применяется в математических операциях, но не ограничивается ими.
#функции #рекурсия
Подробнее7 740
Знакомим с разработкой и учим думать, как программист.
Подготовительный 14-дневный курс по JavaScript для новичков!
Даём только мясную и прикладную информацию. Никакой воды и траты времени! По окончании вы уже владеете базовым знанием языка.
Вас ждет 72 урока теории и практики прямо в браузере, вебинары, лайвкодинг и первая собственная программа на JS, написанная под руководством опытного наставника.
Начинаем 8 ноября, вы с нами?
7 740
Функция и переменные
Переменные внутри функции существуют только внутри этой функции — этот эффект называется областью видимости.
Если пытаться вызвать их снаружи, то возникнет ошибка. В примере выше мы увидим, что
numberFive не задан, поскольку вне функции мы действительно не задали numberFive.
#функции #переменные
Подробнее7 740
Параметры
При вызове функции можно передать данные, они будут использованы кодом внутри.
Например, функция
showMessage принимает два параметра под названиями user и message, а потом соединяет их для целого сообщения. При вызове функции ей нужно передать аргументы. Функцию можно вызывать сколько угодно раз с любыми аргументами.
#функции #параметры7 740
Найти работу во Frontend можно 2 методами:
Первый. Бесконечно скроллить HeadHunter и пытаться что-то выклевать на LinkedIn. Офигеть от условий и закрыть.
Второй. Подписаться на React Job. Это база адекватных предложений, где даже для новичков много мест с хорошей з/п.
Тут найдете работу как в Яндексе (именно сюда крупняки присылают вакансии напрямую), так и в молодых стартапах!
В общем, не теряйте времени и находите работу в 2 клика: @job_react
7 740
Как быстрее освоить Frontend разработку? Стоит просто подписаться на эти каналы и получать дозу новой полезной информации каждый день.
Специалист по JavaScript — образовательный канал по JS человеческим языком, с ежедневными практическими заметками по языку.
Сеньор Помидор — канал для frontend программистов, с готовыми решениями на HTML|CSS|JS для твоего проекта.
7 740
Параметры
При вызове функции можно передать данные, они будут использованы кодом внутри.
Например, функция
showMessage принимает два параметра под названиями user и message, а потом соединяет их для целого сообщения. При вызове функции ей нужно передать аргументы. Функцию можно вызывать сколько угодно раз с любыми аргументами.
#функции #параметры7 740
.findIndex()
Метод
findIndex() возвращает индекс первого найденного в массиве элемента, который подходит под условие переданной функции. Если же ни одного подходящего элемента не найдётся, то метод вернёт -1.
Если вам нужно получить элемент, а не его индекс, то используйте метод find(). А если необходимо проверить наличие чего-либо в массиве, то сначала обратите внимание на метод includes().
#массив #findIndex
Подробнее7 740
Знакомим с разработкой и учим думать, как программист.
Подготовительный 14-дневный курс по JavaScript для новичков!
Даём только мясную и прикладную информацию. Никакой воды и траты времени! По окончании вы уже владеете базовым знанием языка.
Вас ждет 72 урока теории и практики прямо в браузере, вебинары, лайвкодинг и первая собственная программа на JS, написанная под руководством опытного наставника.
Начинаем 8 ноября, вы с нами?
7 740
Объявление функции
Объявление функции расшифровывается так:
1. В начале идёт ключевое слово
function, чтобы заявить о наших намерениях объявить функцию;
2. Затем имя функции, чтобы можно было отличить одну функцию от другой (у нас лаконичное hello, но бывает лаконичное ничего...);
3. В круглых скобках мы указываем параметры (можно и без), которые передадим внутрь;
4. Наконец, тело функции — это код в фигурных скобках, который выполняется при её вызове.
#функции #alert
Подробнее7 740
Функция
Функция — это блок из различных команд. С ней легко создавать порядок в коде программы, избавляясь от ненужных повторений и запутанных частей.
Один из способов создания — просто объявить функцию в коде (по-английски Function Declaration).
#функции
Подробнее
7 740
Как быстро получить опыт в разработке настоящих сайтов и веб-приложений? Писать код и решать задачи из реальных проектов!
Такие задачи публикуют на канале Just code IT.
Автор канала - дает задания на программирование частей реального сайта.
Ты - пишешь код, создаешь эти части и прокачиваешь свой опыт.
👇🏻 Подписывайся на канал, чтобы писать только полезный код, за который платят.
7 740
Мутации и неизменяемость
Изменение значений у полей объекта, добавление или удаление их отразится на всех, кто владеет ссылкой на этот объект. Такие операции называют мутациями. В современных веб-разработке мутаций стараются избегать, потому что мутирование объектов может приводить к ошибкам, которые очень трудно отследить. Однако если мы твердо уверены, что объект нигде более не используется или чётко контролируем ситуацию, то изменение объекта напрямую гораздо проще.
Если нужно безопасно модифицировать объект, то для начала придётся его скопировать. Скопировать объект можно двумя способами: через
Object.assign() или используя спред-синтаксис .
#данные #const7 740
Ссылочные типы данных
С объектами и другими сложными данными дела обстоят сложнее из-за того, что мы не знаем, какое количество памяти для них понадобится. Во время работы с такой структурой компьютеру необходимо следить за тем, сколько памяти уже есть, сколько понадобится, и выделять новую.
Работать с такими данными сложнее. Для этого компьютер отдаёт нам ссылку на место, где данные хранятся, и самостоятельно будет работать с ними по инструкциям, которые мы ему даём. Таким образом в переменную мы получаем лишь ссылку на данные.
Если сейчас присвоить значение из
myData в другую переменную, то мы скопируем ссылку, а не само значение.
#данные #const7 740
✘ AppStore бесполезен — Удалены: ВТБ, 2гис, Юла.
✘ Крипта всё — ЕС блокирует кошельки.
✘ VPN не помогает — С ним даже инста еле работает.
Но всё это решаемо!
Объясняем: холодные кошельки никто не трогает, на iOS достаточно отключить выгрузку приложений, а из VPN-сервисов блокируются только популярные.
Тут главное — вовремя во всем разбираться и читать проверенные каналы. Один из них — Не баг, а фича.
Там уже 5 лет пишут про лучшие IT-лайфхаки. Например, как включить "Режим Бога" на устройстве, о законных методах обхода блокировок и даже как пробить звонивший номер.
Лучше сразу подпишитесь, потом себе "спасибо" скажете: t.me/bugfeature
7 740
Примитивные типы данных
Когда мы объявляем переменную и сохраняем в неё примитивное значение, то в память записывается какое-то количество байт, которое описывает это значение. Таким образом можно сказать, что наша переменная уже сразу содержит эти байты.
Если присвоить какое-то значение переменной в другую, то мы просто скопируем это же количество байт в новое место.
Когда мы сравниваем два значения, то у нас по сути произойдёт побайтовое сравнение этих величин.
#данные #const
7 740
Выражения
Любая программа — это набор операций. Чтобы описать программу, разработчик пишет различные выражения на языке программирования. Посмотрим на самое простое выражение — откроем консоль любого браузера и введём туда элементарное выражение — число 123.
Когда мы нажмём Enter, консоль ответит нам тем же самым числом. Поздравляю, это было самое простое выражение. Интерпретатор JavaScript выполнил его и вернул результат последней (в данном случае единственной) операции.
#числа #выражения
7 740
Привет!
Меня зовут Сергей. Я занимаюсь фронтендом и веб-разработкой вообще вот уже больше 10 лет.
На своём авторском канале «Будни разработчика» я выкладываю самые интересные и оригинальные находки, что помогают мне в моей работе.
Статьи, заметки, фишки, опросы с подвохом и разбор багов браузеров.
Подпишись, скучно не будет!
7 740
Инструкция
Работа с данными — это ещё не все, что нужно для создания программы. Выражения не решают много вопросов: Как описать с помощью выражения действие по определённому условию? Да, у нас будут данные и можно написать выражение, чтобы вычислить условие, но как сказать программе делать то или иное действие? А если какое-то действие нужно повторить несколько раз?
Для этого в языках программирования существуют инструкции. Они не являются выражениями, но позволяют правильно настроить порядок их выполнения.
#выражения #инструкции
Available now! Telegram Research 2025 — the year's key insights 
