<CodeLearn/>
JavaScript レッスン8

関数詳細

アロー関数、クロージャ、高階関数など関数の応用を学ぼう

関数の応用

JavaScriptの関数は「第一級オブジェクト」です。変数に代入したり、引数として渡したり、 戻り値として返すことができます。この柔軟性が、JavaScriptの大きな強みです。

  • アロー関数 — 簡潔な関数記法
  • デフォルト引数 — 引数の初期値
  • 残余引数(rest) — 可変長引数
  • スコープ — 変数の有効範囲
  • クロージャ — 外側の変数を記憶する関数
  • IIFE — 即時実行関数式
  • 高階関数 — 関数を受け取る/返す関数

アロー関数・デフォルト引数・残余引数

ES6で導入されたモダンな関数構文を学びましょう。

index.htmllazy
1 lines0 issues

Monaco Editor を準備しています

表示領域に入った時点で Monaco と Shiki を初期化します。

preview.local
Live Preview
Console

console.log / warn / error の出力がここに表示されます。

スコープ・クロージャ・高階関数

関数の重要な概念を理解しましょう。

index.htmllazy
1 lines0 issues

Monaco Editor を準備しています

表示領域に入った時点で Monaco と Shiki を初期化します。

preview.local
Live Preview
Console

console.log / warn / error の出力がここに表示されます。

自由に試してみよう

クロージャを使った簡単な計算機を作ってみましょう。

index.htmllazy
12 lines0 issues

Monaco Editor を準備しています

表示領域に入った時点で Monaco と Shiki を初期化します。

preview.local
Live Preview
Console

console.log / warn / error の出力がここに表示されます。