【JavaScript】即時実行関数式(IIFE)

JavaScript
スポンサーリンク

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

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

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

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

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

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

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

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

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

ここでは、JavaScriptにおける即時実行関数式を扱います。

これはIIFE (Immediately Invoked Function Expression:即時実行関数式) と略され、即時関数とも言われます。

このIIFEは定義されるとすぐに実行される JavaScriptの関数です。ちなみにIIFEは「イフィー」と読むようです。また、この書き方はECMAScript2015以降の環境では必要なく、別の書き方で同じような効果を得ることになります。

スポンサーリンク

通常の関数の呼び出し

では、即時実行関数式を見ていくことにしますが、その前に次のような通常の関数を考えて見ましょう。

関数名をcalculateAge()で定義して、ブロック内で変数birthYearに値を渡して、console.log()で計算した値を表示する処理になっています。

calculateAge(); で関数を呼び出しています。

JavaScriptコンソールで表示するとこうなります。

今年の2019年から2001が引かれているので18と表示されているのがわかります。

これが通常の関数の呼び出しです。これは、すでに扱っている内容ですから特に問題ないと思います。

スポンサーリンク

即時実行関数式を使う

この式を即時実行関数式(IIFE)で考えてみるとこうなります。

先ほどの関数を匿名関数で定義し、全体を丸括弧()で囲みます。これを関数とする為に最後に();をつけています。この最後の();部分を.call(this); に変えてメソッドで呼び出しても同じです。

これはそのまま上のように関数を呼び出すコードを記述することなく、即時実行することができます。

JavaScriptコンソールには先ほどと同じ値が表示されるのが確認できます。

このように関数を呼び出すことなく即時に実行できるので、このような書き方を即時実行関数式(Immediately Invoked Function Expression; IIFE)と呼びます。

他で同じ変数を使った式などで処理している場合、このようにするとブロックスコープを利用できるので変数の競合を防ぐことができます。先ほどの関数には外から変数にアクセスすることはできません。

このIIFEには次のようにパラメータを加えて処理することもできます。書き換えて処理してみます。

electionAgeとして引数をとるようにしました。選挙の年齢を指定して、console.log()で選挙権があるかどうかをtrue/falseで判定するようにしています。日本では選挙年齢は18歳なので、最後に18を入れて呼び出しています。

JavaScriptコンソールには次のように表示されます。

trueと判定されているのがわかります。

このように定義した関数を即時に呼び出すことができるのが、即時実行関数式(IIFE)です。

スポンサーリンク

まとめ

ここでは、JavaScriptにおける即時実行関数式を扱いました。

IIFE (Immediately Invoked Function Expression:即時実行関数式) と略され、即時関数とも言われます。

通常の関数と違い、匿名関数を定義して丸括弧()で囲み、()や.call(this)などを使って、即時に呼び出すことができます。

この書き方はECMAScript2015以降の環境では必要なく、同様の効果を別の書き方で得ることになりますが、ECMAScript2015については別の機会に扱います。

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

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

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

気になるところは…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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