✂︎美容師からエンジニアまでの奮闘記💻

これからエンジニア目指す人達の第一歩になれるように🌟

初めてJavaScriptを勉強した話

おはようございます!

せーです!昨日書こうと思ってたのですが、睡魔に襲われたので、

テックキャンプが始まる前にアウトプットしていこうと思います☺️

 

昨日からついにJavaScriptの学習に入りました!

名前は聞いたことあったけど実際にどんな言語なのかというところから触れていきます!

 

まず、JavaScriptはページの遷移無しで画面の表示を切り替えることができるのです!

これにより、ユーザー側はストレスを感じずにアプリを利用することができます!超便利です😄

 

JavaScriptで使われる変数は3つあります

ver、let、constです

verは再代入、再定義共に可能な変数

letは再定義ができない変数

constは再代入、再定義ができない

 

使い分ける理由の一つは、チーム開発の際に自分、もしくは他人がコードを見た時にこの変数は今後変更がある変数なのか?それとも変更することのない変数なのか?と疑問を持つと思います。

その時に1からコードを読み解く必要があるためとても非効率です。

さらに、大きな開発であればコード量も増えるためより非効率に😭

そんな時にlet、constを使えば、ひと目で変更のある値なのか、そうでないのかが視覚的に分かるので積極的に使うべきだと思います!

 

ちなみにverは基本的にはほとんど使わないそうです💦

 

最後関数に関してざっくりアウトプットしていきます!

関数はJavaScriptで使うメソッドのようなものです。

関数にもいくつか種類があるので紹介していきます☺️

 

関数宣言、関数式には無名関数、即時関数、アロー関数があります

 

関数宣言はfunctionを使い、関数を定義します。(rubyのメソッドに似ている)

関数式は巻き上げが適応されません。

無名関数は名前の通り関数名を付けません。その代わりに変数名を定義します。

即時関数はこちらも名前の通り、関数を定義すると呼び出しを行わずに実行できます。

アロー関数はfunctionを省略した代わりに() => 

この記述をすることで関数を定義します。

 

関数宣言は関数宣言前に呼び出しをしても問題無く実行できますが、関数式の場合は関数定義前に呼び出しをするとエラーになるという違いがあります。

即時関数、アロー関数はより記述量が少ないので使える場面では積極的に使った方がいいかもしれないですね😊

 

そんな感じでそろそろテックキャンプの朝礼の時間なので、失礼します。

また新たな気づきがあればすぐにアウトプットしていきます!

 

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript