JavaScript [2021] оператор нулевого слияния и опциональной последовательности - на реальном примере

👇 Разверни для полной информации

00:00 Вступление
01:15 Тернарный оператор ?
02:20 Особенности тернарного оператора
04:30 Оператор нулевого слияния ??
05:50 Применение nullish coalescing operator
10:00 Оператор опциональной последовательности .?
14:30 Применение Optional chaining в объектах и массивах
16:20 Применение optional chaining для проверки метода
18:30 Вернемся к нулевому слиянию - задаем значение по умолчанию
19:10 Оператор нулевого слияния и логические операции

Сегодня мы изучаем оператор нулевого слияния (nullish coalescing operator), оператор опциональной последовательности (Optional chaining) и тернарный оператор в JavaScript на реальных примерах. Посмотрим ограничения оператор при применении с условиями и и или.

Моя рабочая станция:
Processor: AMD Ryzen5 1600 Six-core processor
Video: Asus GeForce GTX 1650 Phoenix 4GB GDDR6
RAM: 16GB
Motheboard: MSI A320M PRO-M2 V2
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB

Power: Chieftec Value APB-400B8 400W Bulk
Monitors:
- 23.8" Dell P2419HC
- 23.8" Dell P2418D

Box: Gougar MX350 Mesh

Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro

+ MacBook Pro M1 13'' 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB
+ IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics

[MArt-lzxu]

Спасибо Алекс. Просто и доходчиво. 22 минуты видео просмотрел на ура. Когда js в кайф

[MrAbad]

еще в ECMAScript 2021 добавили оператор "??=".
x = x ?? 7
===
x ??= 7

[bessuka]

Ооо, это интересней чем вчерашнее видео)

[NightOps]

Здравствуйте. Скажите пожалуйста стоит ли ожидать в обозримом будущем вторую часть курса по Node.js ?

[nickstanger]

У меня VS code, при сохранении документа, вопросительный знак и точку отделяет) И по сути, не могу использовать опциональную последовательность, как настроить редактор, чтоб он не мешал записи, ?.

[pavelordox]

Привет! Мне прям жутко неудобно поправлять, но в заставке ролика тернарный оператор превратился в тернаный... Извините, но как-то глаз резануло. А в остальном все класс! Спасибо!

[macrocos]

const element =
element?.innerHTML += 888;

[olino]

[19:24] && [20:09] Прошу заметить, что во многих своих видео вы путаетесь в названии операторов. Оператор ( && ) иногда ошибочно называете ("или"). На самом деле это (логическое И), иными словами (...а также...), или (...как первое, так и второе...). А (логическим ИЛИ) является оператор ( || ), то есть ( хотя бы одно из двух... ).

[ii]

хоть и знаю, но посмотреть было интересно. спасибо!
на 7:00 ошибка, ее допускают новички, ибо когда их обучают, их учат всему кроме банально и важного.))) все примеры пишут без проверок... новичок естественно повторяет, а самое плохое то что он привыкает к такому! и понеслось... как и с глобальными переменными. они привыкают в таким стиле писать, потом переучить очень долго и сложно...

[angurjas]

Я уже было подумал, что в JS ввели новый оператор — "???", а это оказался "?." Нехорошо вводить в заблуждение.

[ii]

это у кого там с головой проблемы чтоб кричать что массив это объект? где вы таких только находите... я конечно всякое слышал, ног такое... Александр, вы сделали мой день! буду вспоминать и смеяться.🤣

[proletarian]

const d = null ?? 'problem';
и
if(d === null) d = 'problem'

это не аналогичные записи

[urakend]

Здравствуйте!
let a = ()=> {console.log('a'); return ()=> console.log('b')}
let b = a()
b(); b()
Почему второй раз не выводится а?
Это замыкание.Магия какая-то.Я понимаю, что так работает, но почему?

[EvilYou]

По-моему, правильнее говорить "Опциональная цепочка" и "Оператор слияния с null"

[fuad]

У вас походу ошибка), там во втором примере логическое или (||) не должно быть по идее!)