Разработка на максималках

2021-11-17 14:02:48 Сложение строк при помощи бинарного +

Обычно при помощи плюса '+' складывают числа.
Но если бинарный оператор '+' применить к строкам, то он их объединяет в одну:
let s = "моя" + "строка";
alert(s); // моястрока

Но, если хотя бы один операнд является строкой, то второй будет также преобразован в строку.
Например:
alert( '1' + 2 ); // "12"
alert( 2 + '1' ); // "21"

Вот пример посложнее:
alert(2 + 2 + '1' ); // будет "41", а не "221"

Здесь операторы работают один за другим. Первый + складывает два числа и возвращает 4, затем следующий + объединяет результат со строкой, производя действие 4 + '1' = 41.

Например, вычитание и деление:
alert( 6 - '2' ); // 4, '2' приводится к числу
alert( '6' / '2' ); // 3, оба операнда приводятся к числам

#тема5 #математические #операторы Открыть/Комментировать

2021-11-16 14:11:08 Ray

Сервис, с помощью которого можно быстро и красиво оформлять небольшие фрагменты кода. 

#полезные #сервисы Открыть/Комментировать

2021-11-15 16:14:02 Преобразование типов это процесс конвертации значения из одного типа в другой (как например, строки в число, объекта к булевому значению и т. д.).

Существует 3 вида преобразований типов:

Строковое. Может быть вызвано с помощью String(value). Для примитивных значений работает очевидным образом.
undefined при численном преобразовании становится NaN, не 0.

Численное – происходит в математических операциях. Может быть вызвано с помощью Number(value).

Логическое – происходит в логических операциях. Может быть вызвано с помощью Boolean(value).

"0" и строки из одних пробелов типа " " при логическом преобразовании всегда true.

#тема4 #преобразование #типов Открыть/Комментировать

2021-11-12 16:32:44 Hyper.is — консоль с пользовательскими расширениями на JavaScript

Содержит большое количество пользовательских расширений, в числе которых показ текущего IP-адреса, скорости входящего/исходящего соединения, количества свободной оперативной памяти.

#полезные #сервисы Открыть/Комментировать

2021-11-11 12:02:37 Взаимодействие: alert, prompt, confirm

В данной теме кратко рассмотрены функции взаимодействия с интерфейсом браузера: alert, prompt, confirm

alert - оказывает сообщение и ждёт, пока пользователь нажмёт кнопку «ОК»

prompt - отображает диалоговое окно с необязательным запросом на ввод текста

confirm - отображает модальное окно с текстом вопроса question и двумя кнопками: OK и Отмена

#тема3 #alert #prompt #confirm Открыть/Комментировать

2021-11-10 13:03:55 GatsbyJS

Фреймворк, который разработчики используют для создания приложений, интегрированных как во внешнюю, так и в серверную части. Можно использовать для создания статических HTML-страниц. Открыть/Комментировать

2021-11-09 12:01:02 Открыть/Комментировать

2021-11-09 07:02:14 Типы данных

Есть восемь основных типов данных в JavaScript:
• Число
• BigInt
• Строка
• Булевый (логический) тип
• Значение «null»
• Значение «undefined»
• Объекты и символы
• Оператор typeof

В этой теме кратко рассмотрим каждый тип и его особенности. Продолжение по ссылке Открыть/Комментировать

2021-11-08 12:01:22 Итого

Мы можем объявить переменные для хранения данных с помощью ключевых слов var, let или const.
let – это современный способ объявления.
var – это устаревший способ объявления.
const – похоже на let, но значение переменной не может изменяться.

Переменные должны быть названы таким образом, чтобы мы могли легко понять, что у них внутри. Открыть/Комментировать

2021-11-05 12:02:34 ​​Константы
Чтобы объявить константную, то есть, неизменяемую переменную, используйте const вместо let:

const myBirthday = '18.04.1982';

Переменные, объявленные с помощью const, называются «константами». Их нельзя изменить. Попытка сделать это приведёт к ошибке:

const myBirthday = '18.04.1982';
myBirthday = '01.01.2001'; // ошибка, константу нельзя перезаписать!

Придумывайте правильные имена
Название переменной должно иметь ясный и понятный смысл, говорить о том, какие данные в ней хранятся.

В реальном проекте большая часть времени тратится на изменение и расширение существующей кодовой базы, а не на написание чего-то совершенно нового с нуля.

Когда мы возвращаемся к коду после какого-то промежутка времени, гораздо легче найти информацию, которая хорошо размечена. Или, другими словами, когда переменные имеют хорошие имена.

Несколько хороших правил:
1) Используйте легко читаемые имена, такие как userName или shoppingCart.

2) Избегайте использования аббревиатур или коротких имён, таких как a, b, c, за исключением тех случаев, когда вы точно знаете, что так нужно.

3) Делайте имена максимально описательными и лаконичными. Примеры плохих имён: data и value. Такие имена ничего не говорят. Их можно использовать только в том случае, если из контекста кода очевидно, какие данные хранит переменная.

4) Договоритесь с вашей командой об используемых терминах. Если посетитель сайта называется «user», тогда мы должны называть связанные с ним переменные currentUser или newUser, а не, к примеру, currentVisitor или newManInTown.

Повторно использовать или создавать новую переменную?
Есть ленивые программисты, которые вместо объявления новых переменных повторно используют существующие.

В результате их переменные похожи на коробки, в которые люди бросают разные предметы, не меняя на них этикетки.

Такие программисты немного экономят на объявлении переменных, но теряют в десять раз больше при отладке.

Дополнительная переменная – это добро, а не зло.
Современные JavaScript-минификаторы и браузеры оптимизируют код достаточно хорошо, поэтому он не создаёт проблем с производительностью.

Использование разных переменных для разных значений может даже помочь движку оптимизировать ваш код. Открыть/Комментировать