JavaScript レッスン8
関数詳細
アロー関数、クロージャ、高階関数など関数の応用を学ぼう
関数の応用
JavaScriptの関数は「第一級オブジェクト」です。変数に代入したり、引数として渡したり、 戻り値として返すことができます。この柔軟性が、JavaScriptの大きな強みです。
アロー関数— 簡潔な関数記法デフォルト引数— 引数の初期値残余引数(rest)— 可変長引数スコープ— 変数の有効範囲クロージャ— 外側の変数を記憶する関数IIFE— 即時実行関数式高階関数— 関数を受け取る/返す関数
アロー関数・デフォルト引数・残余引数
ES6で導入されたモダンな関数構文を学びましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
1 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
スコープ・クロージャ・高階関数
関数の重要な概念を理解しましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
1 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
自由に試してみよう
クロージャを使った簡単な計算機を作ってみましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
12 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。