【JavaScript入門】関数リテラル(匿名関数, 無名関数)

JavaScript
スポンサーリンク

初心者の独学でのプログラミング学習はとてもツライ…

プログラミングをマスターしたい!

今のIT業界はプログラミングエンジニアが不足していると言われています。
高収入の職業とも言われる分野もありますし、AI、機械学習、ディープラーニング、IOTといった注目される分野が目白押しです。

でも、いざ初心者がプログラミングをマスターしようとすると…

  • 本を読んだりネットの記事で自力で勉強しているけど限界を感じる
  • プログラミングスクールに定期的に通うのは面倒だ
  • 地方に住んでると家の近くにプログラミングスクールなんてない
  • どのプログラミング言語を学べばいいのか悩む
  • 実際の就職や転職にプログラミングが活かせるのか心配だ

など、プログラミングを自分で勉強しようとすると悩みが尽きません。

プログラミングに詳しい友人に教えてもらおうと思っても、そんな友人なんて滅多にいません。いたとしても細かく教えてくれるほど時間に余裕がある人はいないでしょう。

そんな独学でプログラミングをマスターするのに限界を感じてる方に、オンラインプログラミングスクールをがおすすめです。

おすすめのオンラインスクールはこちら

JavaScriptに限らずプログラミングにおいての基本的な概念の一つである関数ですが、この基本的な定義の方法についてはすでにみてきました。

【JavaScript入門】関数を定義する - function命令
JavaScriptに限らずプログラミングにおける基本的な概念である関数(functions)についてみていきます。関数に処理をまとめることで、同じ処理をするコード繰り返し書く必要が無くなります。関数を使えば何度も処理することができます。

これはfunction命令を使った関数の定義方法でした。

関数の定義方法には他の方法もあります。

ここでは関数リテラルで定義する方法をみていきましょう。

スポンサーリンク

関数リテラル表現で定義

関数は、JavaScriptにおいてはデータ型の一種として扱われるので文字列や数値と同じように関数自体も扱うことができます。これを関数リテラルというわけで、変数に代入したり、関数の引数として渡したり、戻り値として返すこともできます。

関数リテラルは匿名関数とか無名関数とも言われています。関数名を宣言せずに定義することからこう言われます。関数式(Function expression)という言い方もあります。

具体的なコードでみていくのがわかりやすいのでやっていきましょう。どういうものか違いを理解しやすいように、通常のfunction命令を使った関数定義のコードと比べてみることにします。

function命令で関数定義

ますfunction命令を使った関数定義から書いてみます。これをあとで関数リテラルで書き換えてみることにしましょう。

関数名をlearnProgrammingと宣言して、引数に言語のlang、名前のnameを渡しています。switch文を使って、学習している言語を判定して、それぞれのcaseでメッセージを返すコードにしています。

switch文に関してはこちらですでに学びました。

【JavaScript入門】三項演算子とswitch文
JavaScriptの入門として、三項演算子とswitch文について扱います。三項演算子はif-else文でブロックで分けて書いていたコードを1行で書くことができます。switch文は多岐にわたる条件分岐をスッキリ書くことができます。

returnで戻り値を返しているのでbreakは必要ありません。

関数リテラル表現で定義

関数リテラルでこのコードを書き換えると、次のようになります。

上の関数名learnProgrammingが、ここでは変数になっています。この変数に関数を代入しているのですが、この関数はfunction(lang, name){…}となって、関数名を定義せずに処理をブロックの中に書いています。変数に引数を与えて結果を取り出す形になっています。

これが関数リテラルでの定義の方法です。

function命令では関数名を直接定義しているのに対し、関数リテラルでは名前の無い関数を定義した上で、それを変数に代入しているという違いがあります。

このコードを実行するとJavaScriptコンソールには次のように表示されます。

最初のコードもこれと同じ結果になります。

スポンサーリンク

まとめ

JavaScriptに限らずプログラミングにおいての基本的な概念の一つである関数ですが、ここでは、function命令で定義するものとは別に、関数リテラル表現で定義する方法をみてきました。

JavaScriptでは関数はデータ型の一種として扱われるので、文字列や数値と同じように扱うことができます。関数リテラルは、変数に代入したり、関数の引数として渡したり、戻り値として返すこともできます。

関数リテラルは関数名を宣言せずに定義することから匿名関数とか無名関数とも言われています。関数式(Function expression)という言い方もあります。

関数名を宣言ぜずに関数定義するところがfunction命令での関数定義と違うことです。

自宅学習はオンラインプログラミングスクールを活用!

自宅学習にはオンラインプログラミングスクールがおすすめ!

オンラインプログラミングスクールは独学でプログラミングを学習する時のデメリットを解消する仕組みが備わっています。

気になるところは…

学習がオンラインで完結するのはもちろんですが、独学ではできない質問サポートがあるかどうか。わからないことを現役のエンジニアが質問に答えてくれるといいですよね。

受講者個人に担当のメンターがつき、マンツーマンで学習の相談に乗ってくれることも必要で、ITエンジニアの世界についても伺えたりもすると幅が広がります。

オンライン面談だけでなく、チャット機能を使って気軽に質問を投げかけることができることも大切です。

また、オリジナルプロダクトの開発とサポートがコースの中に組み込まれていて、独学ではなかなか難しい実践的なスキルの習得にもつなげたい。

プログラミングをマスターした後の実際の仕事につながる転職サポートでがあると、ITエンジニアの世界に飛び込むのに不安が解消されます。

そんな豊富なメニューが揃っているおすすめのオンラインプログラミングスクールがこちらにあります。

おすすめのオンラインプログラミングスクールはこちら

TechAcademyはおすすめのオンラインプログラミングスクール!

オンラインのプログラミングスクールでは、テックアカデミーの充実度が目を見張ります。

オンラインで受講が完結するので、自宅学習でプログラミングをマスターしたい人にはテックアカデミーがおすすめです。

メンター制度も現役のプロが対応してくれます。大学生などが対応しているスクールに比べて本気度と専門性が違います。メンター制度の無いスクールもありますし、担当では無いメンターが対応するスクールもあったりするので、相談の質が違いますね。

チャットサポートもあるので、それが無いスクールに比べて相談の気軽さの違いがあります。

プロダクト開発のサポートで実践力が養われるだけでなく、どの講座を利用しても転職サポートが受けられるのはありがたい。

用意されているコースも、初心者向けのプログラミングコースから、Python、Java、PHP、iPhoneアプリ、AndroidといったITエンジニアのベースとなる主要な言語だけでなく、AI、データサイエンス、ブロックチェーン、webアプリケーションと行った実践的なコースまで用意しています。

他にも、webデザインやUI/UXデザイン、動画編集、webディレクションやwebマーケティングといったプログラミング以外での役立つコースまであります。

このようなたくさんの選択肢から自分にあったコースを選ぶことがでるのがテックアカデミーです。

コースの期間も短期間でマスターしたり、長期の受講でじっくり取り組むコースを選ぶこともできます。

複数講座のセットコースを利用することで大幅な割引が受けらるので、お得に受講することもできます。

無料体験もありますので、プログラミング学習でオンラインスクールを考えている人はTechAcademyをぜひ利用してみてください。

テックアカデミーの公式サイトはこちら

JavaScript
スポンサーリンク
CodeGraffitiをフォローする

とにかく進め!Pythonプログラミング入門 〜 コードグラフィティ
タイトルとURLをコピーしました