JavaScriptのまとめ

console.log("Hello world");

// カンマ区切りで変数の内容を出力することもできる
let hoge = "fuga";
console.log("hoge:", typeof hoge, hoge);

// １行コメント

/* 複数行コメント */

let hoge;   // ブロックスコープ、再宣言不可
var fuga;   // 関数スコープ、再宣言可能
const piyo; // ブロックスコープ、再代入不可

let hoge = "ほげ";
console.log(`${hoge}さん`);

let hoge             // letは初期値無しで宣言できる
const fuga = "fuga"  // constは初期値が必須となる

hoge = "hoge"        // letで宣言した変数には再代入可能
//fuga = "fugafuga"  // constで宣言した変数には再代入不可

const piyo = {
    value: 1
}

//piyo = {
//    constで宣言したオブジェクトなので再代入不可
//    value: 2
//}
piyo.value = 2       // 但し、constで宣言したオブジェクトでもプロパティへの再代入は可能

console.log(hoge, fuga, piyo)

// 名前付き関数
function logMessage1(message) {
    console.log(message)
}

// 関数式
const logMessage2 = function(message) {
    console.log(message)
}

// アロー関数
const logMessage3 = (message) => [
    console.log(message)
]

// アロー関数の省略機能
const logMessage4 = (message) => console.log(message)

logMessage1("Hello world 1")
logMessage2("Hello world 2")
logMessage2("Hello world 3")
logMessage2("Hello world 4")

const logMessage = (message1 = "Hello", message2 = "world") => {
    console.log(message1, message2)
}

logMessage()
logMessage("hoge")
logMessage("hoge", "fuga")
logMessage("hoge", "fuga", "piyo")

parseInt(hoge)
parseFloat(fuga)

<条件式> ? <真式> : <偽式>