📝 スペースとインデントの調整

Author: haruto17

javascript/DOCS.md

@@ -543,14 +543,15 @@ for文中の処理の最初で`array[i]`を別の変数(例えば`value`)に代
 プログラミングではそれらを組み合わせて多種多様な処理を作っていくわけです。  
 しかし処理のたびに毎回同じコードを書くのは気が引けますよね？もし一連の処理に名前をつけて呼び出せたら...。ここではそれを実現する愉快な仲間たちを紹介します。
 
-> このセクションは全体的にだいぶ端折った説明をしています。
+> このセクションは全体的にだいぶ端折った説明をしています。  
 > より詳細な説明は参考文献から[mdn web docs](https://developer.mozilla.org/ja/docs/Web)や[JSPrimer](https://jsprimer.net/)の該当箇所を読んでください。
 
 ### 6-1. 関数
 
 #### 6-1-1. 関数
 
-すでに関数の呼び出しは資料中にたくさん登場しています。例えば`console.log()`は立派な関数呼び出しです。このように関数は`関数名(引数)`という形で呼び出せます。
+すでに関数の呼び出しは資料中にたくさん登場しています。例えば `console.log()` は立派な関数呼び出しです。  
+このように関数は `関数名(引数)` という形で呼び出せます。
 
 プログラム中では基本的に以下のように記述できます。
 
@@ -594,13 +595,15 @@ function solveQuadraticEquation (a, b, c) {
 let result = solveQuadraticEquation(3, 5, 7);
 ```
 
-ここで `a`, `b`, `c` は**仮引数**と呼ばれ、関数の呼び出し時に`()`の中の対応する位置に与えられた値（**引数**）を参照できます。その後`return`で関数の処理結果を**返り値**として呼び出し元に返しています。
-この`return`文は値を返す必要がない関数では省略可能です。  
+ここで `a`, `b`, `c` は**仮引数**と呼ばれ、関数の呼び出し時に `()` の中の対応する位置に与えられた値（**引数**）を参照できます。  
+その後 `return` で関数の処理結果を**返り値**として呼び出し元に返しています。この`return`文は値を返す必要がない関数では省略可能です。  
 `return`は値を返す、つまり関数の処理を終えたことを意味します。そのため上記の処理のように処理の途中で関数を終了したり、条件によって複数の終了処理を記述することができます。
 
 #### 6-1-2. 無名関数
 
-JSで頻出する関数の書き方として、名前はないけど関数として宣言されて実行されるものがあります。それが**無名関数**です。以下のようなものが無名関数と呼ばれます。
+JS で頻出する関数の書き方として、名前はないけど関数として宣言されて実行されるものがあります。それが**無名関数**です。  
+
+以下のようなものが無名関数と呼ばれます。
 
 ```javascript
 function (msg) {
@@ -612,8 +615,8 @@ function (msg) {
 };
 ```
 
-後者は特別に**アロー関数**と呼ばれる場合もあります。これらは返り値として関数を返します。
-そのため、以下のように変数に代入して変数名の後ろに`()`をつけることで代入した関数を呼び出すことができます。
+後者は特別に**アロー関数**と呼ばれる場合もあります。これらは返り値として関数を返します。  
+そのため、以下のように変数に代入して変数名の後ろに `()` をつけることで代入した関数を呼び出すことができます。
 
 ```javascript
 const log = function (msg) {
@@ -625,8 +628,8 @@ log('test');
 
 #### 6-1-3. 値としての関数
 
-6-1-2.では無名関数を変数に代入していました。このことから、JSの関数は値として扱えることがわかります。
-この性質を利用してコールバックという処理方法を取れます。`setTimeout(callback, delay)`の`callback`のように関数を値として渡すことで特別な処理がしやすくなります。
+6-1-2. では無名関数を変数に代入していました。このことから、JS の関数は値として扱えることがわかります。  
+この性質を利用してコールバックという処理方法を取れます。`setTimeout(callback, delay)` の `callback` のように関数を値として渡すことで特別な処理がしやすくなります。
 
 ```javascript
 setTimeout(() => {
@@ -640,17 +643,18 @@ setTimeout(() => {
 <details>
   <summary><code>setTimeout</code></summary>
 
-  `setTimeout`は`setTimeout(callback, delay)`のように2つの引数を取ります。
-  `callback`はコールバック関数で`delay`ミリ秒後に実行されます。
-  また、返り値として正の整数値を返します。これは登録されたタイマーを一意に識別するためのIDです。`setTimeout`が呼ばれてから`delay`ミリ秒の間に`clearTimeout(id)`とすることで登録されたコールバック関数の実行をキャンセルできます。
+  `setTimeout` は `setTimeout(callback, delay)` のように2つの引数を取ります。  
+  `callback` はコールバック関数で `delay` ミリ秒後に実行されます。  
+  また、返り値として正の整数値を返します。これは登録されたタイマーを一意に識別するためのIDです。  
+  `setTimeout` が呼ばれてから `delay` ミリ秒の間に `clearTimeout(id)` とすることで登録されたコールバック関数の実行をキャンセルできます。
 </details>
 
 ### 6-2. オブジェクト
 
 #### 6-2-1. 定義とアクセス
 
-オブジェクトの名はここまでにも登場していますが、あらためて説明します。
-JSにおけるオブジェクトとは、キーと値が対になった**プロパティの集合**です。
+オブジェクトの名はここまでにも登場していますが、あらためて説明します。  
+JS におけるオブジェクトとは、キーと値が対になった**プロパティの集合**です。  
 以下の文法で定義・アクセスできます。
 
 ```javascript
@@ -664,12 +668,14 @@ console.log(obj.key1, obj['key2']);
 
 ![オブジェクトのサンプル実行結果](imgs/object-sample.png)
 
-このとき、`[]`（ブラケット記法）を利用したアクセスでは`obj['key2']`のように、プロパティ名を文字列として記述するほうが望ましいです。仮に`obj[key2]`と記述してアクセスしようとしたとき、`key2`が変数として解釈されて未定義のためエラーが発生します。
-これに対して、`.`（ドット記法）を利用したアクセスでは、使えないプロパティ名があることに注意が必要です。数字で始まるプロパティ名やハイフンを含んだプロパティ名はブラケット記法でアクセスする必要があります。
+このとき、`[]`（ブラケット記法）を利用したアクセスでは `obj['key2']` のように、プロパティ名を文字列として記述するほうが望ましいです。  
+仮に `obj[key2]` と記述してアクセスしようとしたとき、`key2` が変数として解釈されて未定義のためエラーが発生します。  
+これに対して、`.`（ドット記法）を利用したアクセスでは、使えないプロパティ名があることに注意が必要です。  
+数字で始まるプロパティ名やハイフンを含んだプロパティ名はブラケット記法でアクセスする必要があります。
 
 #### 6-2-2. プロパティの追加と存在確認
 
-JSのオブジェクトは、一度作成したあとその値自体を変更できる特性を持ちます。これは`const`を利用して宣言したときも同様です。
+JS のオブジェクトは、一度作成したあとその値自体を変更できる特性を持ちます。これは `const` を利用して宣言したときも同様です。  
 そのため、以下のようにしてオブジェクトにプロパティを追加できます。
 
 ```javascript
@@ -683,7 +689,10 @@ console.log(obj.key1, obj['key2']);
 
 ![オブジェクトにプロパティを追加](imgs/objectr-add-property.png)
 
-またこの特性から、オブジェクトにないプロパティも参照できてしまいます（参照すると`undefined`が返ります）。この挙動によるバグを回避するために、いくつかの方法でオブジェクトに目的のプロパティが存在するかを確認することができます。ここでは最も使いやすい手法として**Optional Chaining演算子**`?.`を用いた方法を以下に示します。
+またこの特性から、オブジェクトにないプロパティも参照できてしまいます（参照すると `undefined` が返ります）。  
+この挙動によるバグを回避するために、いくつかの方法でオブジェクトに目的のプロパティが存在するかを確認することができます。  
+
+ここでは最も使いやすい手法として **Optional Chaining 演算子** `?.` を用いた方法を以下に示します。
 
 ```javascript
 const obj = {
@@ -711,12 +720,13 @@ console.log(obj?.prop2.key1); // エラー (obj?.prop2 が undefinedになり、
 console.log(obj?.prop2?.key1); // X  undefined (obj?.prop2 が undefinedになり、undefined?.key1がundefinedになる)
 ```
 
-例えば、APIリクエストのレスポンスにあったりなかったりするプロパティにアクセスするときや、入力が必須でない項目があるフォームなどを扱うときに重宝する機能です。覚えていると良いことがあるかもしれません。
+例えば、API リクエストのレスポンスにあったりなかったりするプロパティにアクセスするときや、入力が必須でない項目があるフォームなどを扱うときに重宝する機能です。  
+覚えていると良いことがあるかもしれません。
 
 <details>
   <summary>オブジェクトのプロパティに関数を</summary>
 
-  JSの関数は値として扱える、という話をしましたが、ならばキーと値が対になったプロパティに関数を使うこともできそうですよね？できます。
+  JS の関数は値として扱える、という話をしましたが、ならばキーと値が対になったプロパティに関数を使うこともできそうですよね？できます。
 
   ```javascript
   const basicArithmeticOperations = {
@@ -764,7 +774,7 @@ class <クラス名> {
 例えば
 - クラス名: `MyClass`
   - 文字列を与えて初期化できる（与えなくても初期値をもつ）
-  - `printText`メソッドを呼び出すことで自身が持つ文字列を出力する
+  - `printText` メソッドを呼び出すことで自身が持つ文字列を出力する
 
 というクラスを実装してみます。
 
@@ -788,8 +798,8 @@ class MyClass {
 const myClass = new MyClass('my text');
 ```
 
-これで自身の文字列として`'my text'`を持つ`MyClass`のインスタンスを生成して`myClass`に代入できました。
-`myClass`から`printText`メソッドを呼び出せば`'my text'`と出力されるはずです。
+これで自身の文字列として `'my text'` を持つ `MyClass` のインスタンスを生成して `myClass` に代入できました。
+`myClass` から `printText` メソッドを呼び出せば `'my text'` と出力されるはずです。
 
 ```javascript
 myClass.printText();