りゅうじの学習blog

学習したことをアウトプットしていきます。

2022-02-01から1ヶ月間の記事一覧

2022年2月28日 React実践の教科書 モダンJavaScriptの機能に触れる map filter~

map filter 従来for文で行っていて記述量が増えてしまうところを、この二つのメソッドを使う事でわかりやすく短く描けるようになります。 mapメソッド 配列を順番に処理して処理した結果を新しい配列で返します。 const arr1 = [1, 2, 3]; const arr2 = arr1…

2022年2月27日 React実践の教科書 モダンJavaScriptの機能に触れる 分割代入~

分割代入 オブジェクトや配列から値を抽出する方法です。 オブジェクトの分割代入 const myProfile = { name: "ryuji", age: 36 } const { name } = myProfile; console.log(name); => ryuji // 順番を変える const { age, name } = myProfile; console.log(…

2022年2月26日 React実践の教科書 モダンJavaScriptの機能に触れる

const letでの変数宣言 varでの変数宣言での問題点 従来は変数宣言にvarを使用していましたが問題点がありました。 上書きが可能であること。 再宣言が可能であること。 var ry1 = "ry1" console.log(ry1); => ry1 // 上書きします。 ry1 = "ry1を上書き" co…

2022年2月25日JavaScript クロージャーについて

JS primerで毎日学習しておりますが、クロージャーという関数の概念が難しかったのでまとめておきます。 クロージャーとは 外側のスコープにある変数への参照を保持できるという関数の持つ性質のことです。 JS primerでの例となっているコードを引用します。…

2022年2月6日 JavaScript (JS Primer) [ES2015] ECMAScriptモジュール

モジュールは、保守性・名前空間・再利用性のために使われます。 保守性: 依存性の高いコードの集合を一箇所にまとめ、それ以外のモジュールへの依存性を減らせます 名前空間: モジュールごとに分かれたスコープがあり、グローバルの名前空間を汚染しません …