初めに
新卒研修でJavaScriptに触れた時、違いがよくわからなかったので、それを初Qiita記事として投稿します
私自身もJavaScriptはまだまだ勉強中のため、
初めて触れる人がなんとなくでも理解出来ることを目的としてまとめております。
（細かい部分での違いや特徴に関しては、ひとまずおいといた解釈です）
undefind
未定義(宣言のみで何も代入していないよ！)って教えてくれているやつ。
→ エラーというわけではない
- undefind同士で比較することもできる
- 初期値としても利用出来る
Q.nullとは何が違うの？？
var a;
var b = null;
console.log(a);
=> undefined //aの中には何も入っていない
console.log(b); //bの中には"null"が入っている
=> null
null＝空っぽ。という「値」
→bにはnullという「値」を宣言しているから、nullと出力される
undefinedはそもそも定義がされていない状態だから、「値」が入っていない
というのを教えてくれている状態
ReferenceError
宣言されていない変数を呼び出そうとしたときのエラー
2つの違いを表した例
//hogeを宣言（代入はしない
var hoge;
//hogeにはまだ何も入っていないのでundefind
console.log(hoge);
=> undefined
//宣言していない変数を参照しようとすると
//ReferenceErrorが発生する
console.log(fuga);
=> Uncaught ReferenceError: fuga is not defined
//ちゃんと宣言をするとReferenceErrorは発生しなくなる
var fuga;
console.log(fuga);
=> undefined
// fugaに何かを代入すると、undefinedを指さなくなる
fuga = "foo";
console.log(fuga);
=> foo
参考サイト
Mozillaのサイトにさらに詳しい例や解説があるので、さらに詳しいことを学ぶにはおすすめです！
最後に
私の初めてのQiitaへの投稿記事を最後まで読んでいただきましてありがとうございます
ChromeなどWebブラウザのデベロッパーツール内Consoleで、例としてあげたものを試し、結果をみてみるとさらに理解は深まると思うので是非やってみてください！
読みにくい箇所や解釈が間違っている箇所などございましたら、私自身の勉強にもなりますので、コメント等で教えていただけると幸いです。