JavaScriptの関数とスコープ | JavaScript入門

関数の基本

関数は処理に名前を付けたものです。引数を受け取り、returnで結果を返せます。

税込み価格を計算するJAVASCRIPT

function withTax(price, rate = 0.1) {
    return price + price * rate;
}

console.log(withTax(1000)); // 1100

短い関数はアロー関数で書けます。配列のmapやfilterへ渡す処理にもよく使います。

関数を短く書くJAVASCRIPT

const isAdult = (age) => age >= 18;
const ages = [15, 20, 17, 25];
console.log(ages.filter(isAdult)); // [20, 25]

letとconstはブロック単位のスコープを持ちます。関数の外から内部の変数を直接参照できないようにして、名前の衝突を防ぎます。

ブロックの中だけで使うJAVASCRIPT

const message = '外側';
{
    const message = '内側';
    console.log(message); // 内側
}
console.log(message); // 外側

関数を引数として渡し、後から呼び出す仕組みをコールバックと呼びます。

処理を関数へ渡すJAVASCRIPT

function greet(name, callback) {
    callback(`こんにちは、${name}さん`);
}

greet('Mity', (message) => console.log(message));
// こんにちは、Mityさん