1// 上書き可能、再宣言可能
2var hoge = "var変数1";
3hoge = "var変数2";
4var hoge = "var変数2";
5
6// 上書き可能、再宣言不可能
7let hoge2 = "let変数";
8
9// 上書き、再宣言不可能
10const hoge3 = "const変数";

1//今までの関数
2function hogeFunction(value) {
3    return value;
4};

1// アロー関数
2const hogeFunc = (value) => {
3    return value;
4};

1// 1つ目
2// 引数が1つの場合のみ、かっこを省略できる
3const hogeFunc = value => { 
4    return value;
5};

1// 2つ目
2// return1文のみの場合、{}とreturnを省略できる
3// 引数をそのままreturn
4 const hogeFunc = value => value;

1const user = {
2    sei: "honda",
3    name: "keisuke",
4};
5// 分割代入
6// 各変数に代入できる
7const { sei, name } = user;

1const sei = "ホンダ";
2const name = "keisuke";
3
4// 通常の定義
5const userA = {
6     sei: sei,
7     name: name,
8};
9// 省略できる
10const userB = {
11     sei,
12     name,
13};

1const hogeArray = [1,2];
2
3// ()にアロー関数を記述して、配列の各要素に対して2倍した値の新しい配列を生成する
4const newArray = hogeArray.map((num) => num * 2);

1//　コロンで型を指定します
2// 文字列 
3const str: string = "honda";
4
5// 数値
6const num: number = 10;
7
8// 配列
9const arry: Array<string> = ["honda","keisuke"];
10
11// 関数の型
12// 引数の型、戻り値の型(void)
13const funcA = (str: string): void => {
14    console.log(str);  
15};
16
17// オブジェクトの型
18const obj: { str: string, num: number };
19obj = {
20    str: "honda",
21    num: 10,
22};

1// Union型
2// stringとnumberどちらでも代入可能
3let hoge: string | number = "honda";
4hoge = 10;
5
6// 型のエイリアス
7// 型の定義を変数に入れて使い回すことができる
8type HogeType1 = {
9    sei: string;
10    name: string;
11};
12type HogeType2 = {
13　　　　　　　　// ?をつけることで、実装時に値を省略可能
14    address?: string;
15};
16
17// Intersection型 
18// &で型を指定
19// 複数の型をマージできる
20const hogeConst: HogeType1 & HogeType2 = {
21    sei: "honda",
22    name: "keisuke",
23    address: "earth",   
24};
25// addressを省略することもできる
26const hogeConst: HogeType1 & HogeType2 = {
27    sei: "honda",
28    name: "keisuke",
29};