CodeRoll | Frontend
4.46K subscribers
1.7K photos
74 videos
1 file
1.02K links
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://xn--r1a.website/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Что такое Proxy в JavaScript?

Ответ:
Proxy — это объект, который позволяет перехватывать операции (например, чтение свойств, установку значений, вызов функций) над другим объектом. Это используется для мониторинга, валидации или изменения поведения объекта.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
💅1
Какие методы массива являются мутирующими?

Ответ:
Мутирующими называются методы, которые изменяют исходный массив. К таким методам относятся:

push() — добавляет элемент в конец массива.
pop() — удаляет последний элемент массива.
shift() — удаляет первый элемент массива.
unshift() — добавляет элемент в начало массива.
splice() — добавляет/удаляет элементы в любом месте массива.
sort() — сортирует элементы массива.
reverse() — меняет порядок элементов на противоположный.


Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
💅1
Используем принципы “Чистого кода” в контексте JavaScript. Часть 2

Функции


Аргументы функции - в идеале их должно быть 2 или меньше

Ограничение количества параметров функции невероятно важно, поскольку это упрощает тестирование вашей функции. Наличие более трех приводит к комбинаторным сложностям, когда вам приходится тестировать множество различных случаев с каждым отдельным аргументом

Один или два аргумента — идеальный случай, а трех следует избегать, если это возможно. Все, что больше, следует объединять. Обычно, если у вас больше двух аргументов, то ваша функция пытается сделать слишком много. В тех случаях, когда это не так, в большинстве случаев в качестве аргумента будет достаточно объекта более высокого уровня

Поскольку JavaScript позволяет создавать объекты на лету, без большого количества шаблонных классов, вы можете использовать объект, если вам нужно много аргументов

Чтобы сделать очевидным, какие свойства ожидает функция, вы можете использовать синтаксис деструктуризации ES2015/ES6

Coderoll | Frontend
Что отличает умного айтишника от глупого? Нет, не знание десятка языков и фреймворков. И даже не многолетний опыт работы. 

Умного от тупого отличает понимание одной фундаментальной вещи — важно не СКОЛЬКО ты умеешь, а ЧТО.

И те, кто понял это раньше — уже обходят 90% матёрых спецов. Потому что точечно учат ровно то, что требуется рынку прямо сейчас.

Если хотите показать, кто тут батя и быстро войти в списки лучших — почитайте канал @devsp. Там LLM разработчик делится ценнейшим опытом и рассказывает, как в пару месяцев упаковать 5–6 лет хаотичного обучения.

Это однозначно один из лучших айтишных каналов, посмотрите сами: @devsp
Что выведет этот код?
Что выведет этот код?
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


Инкапсулируйте условные операторы

Простыми словами, старайтесь ваши условия заключить в определенный функционал - метод или функцию. Таким образом вы сможете:

💫 переиспользовать логику условия
💫 легко по названию функции/метода понимать что тут происходит
💫 сделать код намного более читаемым (особенно в сложных условиях)

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


Создавайте отдельные объекты, а не модифицируйте их напрямую

⚠️ Так же это одно из правил иммутабельности, которое важно соблюдать при работе с продвинутыми инструментами

Если у вас есть необходимость изменить объект, то почти всегда надежнее будет создать его копию, и уже в ней проводить мутации

Сейчас это можно делать за счет object spread operator (...obj) или по старинке через Object.assign()

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?