りゅうじの学習blog

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

JavaScript

2022年3月18日 りあクトJavaScript varの挙動について

varの挙動についてはJavaScriptPrimerで学んでいましたが、りあクトを読んでいて認識が甘かった挙動があったのでアウトプットします。 var x = 1; if(true) { var x = 2; var m = 3; console.log(x); } console.log(x); console.log(m); このコードでの何が…

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での例となっているコードを引用します。…