From fb129cca2082cbc57f93025a2e46797e5fb4a0f3 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 26 Sep 2021 01:32:15 +0900 Subject: 代入演算子の文書を更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/07/21 時点の英語版に更新 --- .../operators/logical_nullish_assignment/index.md | 69 +++++++++------------- 1 file changed, 28 insertions(+), 41 deletions(-) (limited to 'files/ja/web/javascript/reference/operators/logical_nullish_assignment') diff --git a/files/ja/web/javascript/reference/operators/logical_nullish_assignment/index.md b/files/ja/web/javascript/reference/operators/logical_nullish_assignment/index.md index d8d693ae0f..cf42315146 100644 --- a/files/ja/web/javascript/reference/operators/logical_nullish_assignment/index.md +++ b/files/ja/web/javascript/reference/operators/logical_nullish_assignment/index.md @@ -5,9 +5,10 @@ tags: - 代入演算子 - JavaScript - 言語機能 - - Logical Operator + - 論理演算子 - 演算子 - Reference +browser-compat: javascript.operators.logical_nullish_assignment translation_of: Web/JavaScript/Reference/Operators/Logical_nullish_assignment --- {{jsSidebar("Operators")}} @@ -16,37 +17,40 @@ Null 合体代入 (`x ??= y`) 演算子は、`x` が {{Glossary("nullish")}} (`n {{EmbedInteractiveExample("pages/js/expressions-logical-nullish-assignment.html")}} - - ## 構文 -
expr1 ??= expr2
-
+```js +expr1 ??= expr2 +``` -

説明

+## 解説 -

短絡評価(ショートサーキット)

+### 短絡評価 (ショートサーキット) -Null 合体演算子は左から右に評価され、次のルールを使って短絡評価の可能性があるかどうかテストされます。 +[Null 合体演算子](/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator)は左から右に評価され、次のルールを使って短絡評価の可能性があるかどうかテストされます。 `(null や undefined ではない式) ?? expr` は、左辺が `null` でも `undefined` でもないことが証明されたら、左辺の式が短絡評価されます。 -短絡評価とは、上記の `expr` 部分が評価されないことを意味します。したがって、評価された場合の副作用は発生しません。(例えば、`expr` が関数呼び出しである場合、呼び出しは行われません。) +短絡評価とは、上記の `expr` 部分が**評価されない**ことを意味します。したがって、評価された場合の副作用は発生しません (例えば、`expr` が関数呼び出しである場合、呼び出しは行われません)。 Null 合体代入も短絡評価されます。これは、`x ??= y` が以下と等価であることを意味します。 -
x ?? (x = y);
+```js +x ?? (x = y); +``` そして、常に代入が行われる以下と等価ではありません。 -
x = x ?? y;
-
+```js example-bad +x = x ?? y; +``` ## 例 -

Null 合体代入演算子の使用

+### Null 合体代入演算子の使用 -
function config(options) {
+```js
+function config(options) {
   options.duration ??= 100;
   options.speed ??= 25;
   return options;
@@ -54,36 +58,19 @@ Null 合体代入も短絡評価されます。これは、`x ??= y` が以下
 
 config({ duration: 125 }); // { duration: 125, speed: 25 }
 config({}); // { duration: 100, speed: 25 }
-
- -

仕様

- - - - - - - - - - - - - - -
仕様書
{{SpecName('Logical Assignment', '#sec-assignment-operators', 'Assignment operators')}}
+``` -

ブラウザの互換性

+## Specifications +{{Specifications}} +## Browser compatibility -{{Compat("javascript.operators.logical_nullish_assignment")}} +{{Compat}} -

関連情報

+## See also - +- [Noll 合体演算子 (`??`)](/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator) +- {{Glossary("Nullish")}} +- {{Glossary("Truthy", "真値")}} +- {{Glossary("Falsy", "偽値")}} -- cgit v1.2.3-54-g00ecf