translation(JS): web/javascript/reference/operators/nullish_coalescin…

…g_operator (#497)

* translation(JS): web/javascript/reference/operators/nullish_coalescing_operator

* translation(JS): web/javascript/reference/operators/nullish_coalescing_operator

* translation(JS): web/javascript/reference/operators/nullish_coalescing_operator

files/uk/web/javascript/reference/operators/nullish_coalescing_operator/index.md

@@ -0,0 +1,150 @@
+---
+title: Оператор null-злиття (??)
+slug: Web/JavaScript/Reference/Operators/Nullish_coalescing_operator
+tags:
+  - JavaScript
+  - Language feature
+  - Operator
+  - Reference
+  - nullish coalescing
+browser-compat: javascript.operators.nullish_coalescing
+---
+
+{{JSSidebar("Operators")}}
+
+**Оператор null-злиття (`??`)** – логічний оператор, що повертає свій правий операнд, коли його лівий операнд – [`null`](/uk/docs/Web/JavaScript/Reference/Operators/null) чи {{jsxref("undefined")}}, інакше – повертає лівий оператор.
+
+Це може розглядатися як особливий випадок [логічного оператора АБО (`||`)](/uk/docs/Web/JavaScript/Reference/Operators/Logical_OR), котрий повертає правий операнд, коли лівий операнд є _будь-яким_ значенням {{Glossary("falsy", "хибності")}}, а не лише `null` чи `undefined`. Інакше кажучи, при використанні `||` для надання змінній `foo` певного усталеного значення можна зустріти неочікувану поведінку, якщо певні значення хибності розглядаються як значущі (наприклад, `''` чи `0`). Дивіться більше прикладів нижче.
+
+Оператор null-злиття має п'ятий за порядком зростання [пріоритет оператора](/uk/docs/Web/JavaScript/Reference/Operators/Operator_Precedence), зразу перед `||` і зразу після [умовного (тернарного) оператора](/uk/docs/Web/JavaScript/Reference/Operators/Conditional_Operator).
+
+{{EmbedInteractiveExample("pages/js/expressions-nullishcoalescingoperator.html")}}
+
+## Синтаксис
+
+```js
+leftExpr ?? rightExpr;
+```
+
+## Приклади
+
+### Застосування оператора null-злиття
+
+В цьому прикладі надаються усталені значення, однак значення, відмінні від `null` чи `undefined`, зберігаються.
+
+```js
+const nullValue = null;
+const emptyText = ''; // хибність
+const someNumber = 42;
+
+const valA = nullValue ?? 'усталене для A';
+const valB = emptyText ?? 'усталене для B';
+const valC = someNumber ?? 0;
+
+console.log(valA); // "усталене для A"
+console.log(valB); // "" (оскільки порожній рядок не є null чи undefined)
+console.log(valC); // 42
+```
+
+### Присвоєння змінній усталеного значення
+
+Раніше при потребі присвоїти змінній усталене значення загальноприйнятим патерном було використання логічного оператора АБО ([`||`](/uk/docs/Web/JavaScript/Reference/Operators/Logical_OR)):
+
+```js
+let foo;
+
+//  foo ніколи не було присвоєне будь-яке значення, тож в ній досі undefined
+let someDummyText = foo || 'Привіт!';
+```
+
+Проте у зв'язку з тим, що `||` – булів логічний оператор, його лівий операнд зводиться до булевого значення, і будь-яке значення _хибності_ (`0`, `''`, `NaN`, `null`, `undefined`) не повертається. Така логіка може призвести до неочікуваних наслідків, якщо `0`, `''` чи `NaN` вважаються дійсними значеннями.
+
+```js
+let count = 0;
+let text = '';
+
+let qty = count || 42;
+let message = text || 'агов!';
+console.log(qty); // 42, а не 0
+console.log(message); // "агов!", а не ""
+```
+
+Оператор null-злиття уникає цієї пастки, повертаючи другий операнд, коли перший зводиться або до `null`, або до `undefined` (але не до інших значень хибності):
+
+```js
+let myText = ''; // Порожній рядок (що також є значенням хибності)
+
+let notFalsyText = myText || 'Привіт, світе';
+console.log(notFalsyText); // Привіт, світе
+
+let preservingFalsy = myText ?? 'Привіт, сусіди';
+console.log(preservingFalsy); // '' (оскільки myText не є ані undefined, ані null)
+```
+
+### Закорочення
+
+Подібно до логічних операторів АБО та І, вираз справа не обчислюється, якщо вираз зліва не є ані `null`, ані `undefined`.
+
+```js
+function A() {
+  console.log('A була викликана');
+  return undefined;
+}
+function B() {
+  console.log('B була викликана');
+  return false;
+}
+function C() {
+  console.log('C була викликана');
+  return 'foo';
+}
+
+console.log(A() ?? C());
+// виводить "A була викликана", потім "C була викликана", і потім – "foo"
+// оскільки A() повертає undefined, тож обчислюються обидва вирази
+
+console.log(B() ?? C());
+// виводить "B була викликана", потім "false"
+// оскільки B() повернув false (а не null чи undefined), то вираз
+// справа не був обчислений
+```
+
+### Жодних ланцюжків з операторами І й АБО
+
+Неможливо комбінувати напряму з `??` ані І (`&&`), ані АБО (`||`). В таких випадках буде викинуто [`SyntaxError`](/uk/docs/Web/JavaScript/Reference/Global_Objects/SyntaxError).
+
+```js example-bad
+null || undefined ?? "foo"; // породить SyntaxError
+true || undefined ?? "foo"; // породить SyntaxError
+```
+
+А проте, якщо додати дужки для явного встановлення пріоритету, то вираз буде коректним:
+
+```js example-good
+(null || undefined) ?? 'foo'; // повертає "foo"
+```
+
+### Взаємини з оператором необов'язкового ланцюжка (`?.`)
+
+Оператор null-злиття обробляє `undefined` і `null` як особливі значення, так само як [оператор необов'язкового ланцюжка (`?.`)](/uk/docs/Web/JavaScript/Reference/Operators/Optional_chaining), котрий є корисним для доступу до властивості об'єкта, котрий може виявитись `null` чи `undefined`.
+
+```js
+let foo = { someFooProp: 'привіт' };
+
+console.log(foo.someFooProp?.toUpperCase() ?? 'недоступно'); // "ПРИВІТ"
+console.log(foo.someBarProp?.toUpperCase() ?? 'недоступно'); // "недоступно"
+```
+
+## Специфікації
+
+{{Specifications}}
+
+## Сумісність із браузерами
+
+{{Compat}}
+
+## Дивіться також
+
+- [Оператор необов'язкового ланцюжка](/uk/docs/Web/JavaScript/Reference/Operators/Optional_chaining)
+- [Оператор логічного АБО (`||`)](/uk/docs/Web/JavaScript/Reference/Operators/Logical_OR)
+- [Усталені параметри в функціях](/uk/docs/Web/JavaScript/Reference/Functions/Default_parameters)