JavaScript

【課題】JavaScriptのコールバック・即時関数の復習【中級】

どうも、つよぽんです!

今回は、「JavaScriptの中級レベルの関数の知識」を確認するために用意した演習課題の紹介記事となります。

今回の具体的な課題の内容は以下のとおりです。

演習課題で確認する内容
  1. JavaScriptのブロックスコープの理解度チェック
  2. JavaScriptの関数スコープの理解度チェック
  3. JavaScriptの高階関数の理解度チェック
  4. JavaScriptのコールバック関数の理解度チェック
  5. JavaScriptの即時関数の理解度チェック

演習課題にチャレンジしてクリアすることで、上記5つの知識を定着させることが出来ます。

課題の詳細は以下の記事から確認することが出来るので、今すぐ課題に取り組みたい方は以下の記事から課題ページにアクセスして、早速取り組んでいただけたらと思います。

あわせて読みたい
【エクササイズ】JavaScriptのスコープ・高階関数・即時関数の理解度チェックこれまで学習した「スコープ」「高階関数」「コールバック関数」「即時関数」の理解度を確かめる練習問題を用意しました。これらの知識は中級者レベルのものも含まれていますが、JavaScriptを使ったプログラミングでは一般的な知識となります。...

この記事の想定読者は次のとおりです。

想定読者
  • JavaScriptの「ブロックスコープ」「関数スコープ」の違いを正しく理解しているか確認したい
  • JavaScriptの「高階関数」「コールバック関数」を正しく使いこなせるか腕試ししたい
  • JavaScriptの「即時関数」を正しく実装できるか確かめたい

課題に取り組む際にはもちろんHTMLファイルとJavaScriptファイルを連携させる方法を知っている必要があります。

もし、HTMLファイルとJavaScriptファイルの連携方法を忘れてしまっている場合は、以下の記事を参考にしましょう。

あわせて読みたい
HTMLでJavaScriptの外部ファイルを読み込み、実行するHTMLでJavaScriptファイルを読み込むことでWebブラウザでJavaScriptを実行することができます。今回はJavaScriptファイルの作成方法から、HTMLで作成したJavaScriptを読み込み、実行するところまでを解説します。...

今回の課題をクリアするために参考になる記事は次のとおりです。忘れてしまっているものがあれば記事を読み返しふり返ってみましょう。

JavaScriptのスコープとは【関数とブロックの2種類】

あわせて読みたい
JavaScriptのスコープとは【関数とブロックの2種類】JavaScriptでは変数宣言で使うキーワード(var, let, const)によって、変数にアクセスできる範囲(=スコープ)が変わってきます。具体的には①ブロックスコープ、②関数スコープの2つがあります。それぞれの挙動の違いを解説します。...

今回の課題には「ブロックスコープ」と「関数スコープ」の違いについて説明するものが含まれています。

JavaScriptの変数のスコープは従来は「関数スコープ」しか存在しませんでした。

この関数スコープというのは、PHPやJavaといった他のプログラミング言語の変数のスコープである「ブロックスコープ」と異なる挙動をします。

しかし、JavaScriptの仕様が大幅に改善された「ES2015」よりJavaScriptでも「ブロックスコープ」が使えるようになりました。

この「ブロックスコープ」と「関数スコープ」の違いについて正しく説明できる自信がない場合は、上記記事で解説しているので課題に取り組む際に参考にしていただけたらと思います。

JavaScriptのコールバック関数と高階関数を理解する

あわせて読みたい
JavaScriptのコールバック関数と高階関数の仕組みを覚えるどうも、つよぽんです! 今回は、JavaScriptの「コールバック関数と高階関数」について解説をします。 JavaScri...

今回の課題には、JavaScriptの「高階関数」「コールバック関数」を使うものが含まれています。

JavaScriptの高階関数とコールバック関数はプログラミング初心者にとってよくつまづくポイントでもあります。

しかし、以前学習した「関数式」の考え方を応用したものと考えればそこまで難しくない概念です。

関数式について簡単にまとめると、「関数を変数に代入することが出来る」というものでした。

そして、関数を定義するときにセットする引数名も変数と同じ働きをすることから、「関数は引数として関数を受け取ることも可能」ということを上記記事でも解説しました。

高階関数」「コールバック関数」を正しく理解しているか自信の無い方は、上記記事で詳しく解説しているのでふりかえってみましょう。

JavaScriptの即時関数を理解する

あわせて読みたい
JavaScriptの即時関数とは【スコープの限定・プライベート化】JavaScriptには「即時関数」というものがあります。関数スコープしかなかったときは即時関数を利用して変数のスコープを限定していました。現在はブロックスコープの書き方も出来るようになりましたが、即時関数は今でも使われるので覚えておきましょう。...

今回の課題には、JavaScriptの「即時関数」を使うものが含まれています。

JavaScriptの即時関数とは「関数の定義と実行を同時に行うこと」です。

即時関数の書き方や、即時関数を使う意味については上記記事で詳しく解説しています。

「JavaScriptの即時関数の書き方を忘れてしまった」「JavaScriptの即時関数は何のために使われるのかわからない」といった方は、上記記事で復習しておきましょう。

まとめ

あらためて、今回の課題をクリアするために必要な知識を解説した記事を以下にまとめておきます。

上にまとめた記事内容をふりかえり、今回の演習課題で取り組む知識定着のためにも、ぜひチャレンジしましょう!^^

演習課題で確認する内容
  1. JavaScriptのブロックスコープの理解度チェック
  2. JavaScriptの関数スコープの理解度チェック
  3. JavaScriptの高階関数の理解度チェック
  4. JavaScriptのコールバック関数の理解度チェック
  5. JavaScriptの即時関数の理解度チェック
あわせて読みたい
【エクササイズ】JavaScriptのスコープ・高階関数・即時関数の理解度チェックこれまで学習した「スコープ」「高階関数」「コールバック関数」「即時関数」の理解度を確かめる練習問題を用意しました。これらの知識は中級者レベルのものも含まれていますが、JavaScriptを使ったプログラミングでは一般的な知識となります。...

頭では理解してても実際に手を動かしてみて手が進まないところがあれば、それは理解が不十分だということを意味します。

練習問題をやっててわからないところ、質問したいところがあればお気軽に以下からご連絡いただけたらと思います^^

あわせて読みたい
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!プログラミングやWebで困っていることに対して何でも質問受け付けています。「こんなこと質問しても大丈夫かな」と思っている方のために過去にどんな質問があったのか一例で挙げているので参考にしていただけたらと思います。...

それでは、課題頑張ってください!

【3つの特典付き】Webエンジニアに必要な基礎スキルを体系的に効率良く身につけたいですか?

LINE登録で無料特典を受け取る

次のような方向けに、学習をサポートするコンテンツを無料プレゼントしています。

  • Webエンジニアになりたいけど何から学習を始めれば良いかわからない
  • 今まで独学で頑張ってきたけど、独学に限界を感じてきた
  • プログラミングは出来るけど、大きめのコードが書けない

「プレゼント詳細が知りたい」「プレゼントを受け取りたい」といった方は、以下のボタンをクリックして詳細ページをご確認ください。

無料特典を受け取る

 

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です