初めに
最近、Reactを始めたのですが、そもそもJavaScriptのJaの字も分からなかったので
基本的すぎるかもしれませんが、アウトプットの練習をかねて、勉強した内容を分けて投稿しようと思います。
目次
・変数
・HTMLファイル内でJavaScriptファイルを読み込む
・データ型（プリミティブ型）
変数
・const
再定義と再代入ができない変数
const x = 1;
console.log(x); //-> 1
x = 2;
console.log(x); //-> 1
const x = 1; //-> Error
・let
再定義ができない変数
let x = 1;
console.log(x) //-> 1
x = 2;
console.log(x) //-> 2
let x = 1; //-> Error
・letとconstの厳密性
{}内でletとconstを定義した場合、{}内でのみ参照できる。
const x = 1;
if (x === 1) {
let y = 2;
const z = 3;
console.log(y); // -> 2
console.log(z); // -> 3
}
console.log(y); // -> undefined
console.log(z); // -> undefined
・var
再定義も再代入も出来るが、それ故に意図しない再定義や再代入を引き起こすため
基本的に使わない。
HTMLファイル内でJavaScriptファイルを読み込む
HTMLファイル内でJSファイルよ読み込みたい場合は以下の通りに書く。
今回は同じディレクトリにあるindex.jsというファイルを読み込む事にする。
<html>
<head>
<meta charset="UTF-8">
<title>Example</title>
<script src="./index.js"></script>
</head>
<body></body>
</html>
データ型（プリミティブ型）
プリミティブ型（基本型）の値は一度作成すると値自体を変更する事ができないイミュータブル特性を持つ。
| 型名 | 値 |
|---|---|
| number | 数値 |
| string | 文字列 |
| boolean | 真偽値 |
| underfined | 値が定義されていない |
| null | 値が存在しない |
| symbol | 一意で不変な値のデータ型 |
console.log(typeof false);// => "boolean"
console.log(typeof 91110); // => "number"
console.log(typeof "JS"); // => "string"
console.log(typeof Symbol("シンボル"));// => "symbol"
console.log(typeof undefined); // => "undefined"
console.log(typeof null); // => "object"
※nullの型名がobjectになるのは歴史的経緯のあるバグらしい。
（詳細はこちらの記事から->https://2ality.com/2013/10/typeof-null.html）
参考記事
https://qiita.com/Fendo181/items/cca476da99e8f09b6b97
https://jsprimer.net/basic/data-type/#fn_1
https://qiita.com/soarflat/items/b251caf9cb59b72beb9b