フロントエンド - JavaScript/jQuery - 関数を作る

[fr-sato]

■目的

JavaScriptでの関数の作り方について学びます。

■課題1

以下について調べて下さい。

• ユーザー定義関数
• 即時関数
• 無名関数
• スコープ

  ■課題2

前回課題で作成したアラート表示処理を、以下を満たすユーザー定義関数を定義して実行して下さい。

• 引数に文字列を指定
• ローカル変数に文字列を格納
• ローカル変数をアラートで出力

  ■課題3

前回課題で作成したアラート表示処理を、即時関数で定義して実行して下さい。

[fr-itaya]

本課題は1200開始、工数見積は計5時間とさせて頂きます。 よろしくお願いします！

---

内訳

• 課題1：1時間
• 課題2：2時間
• 課題3：2時間

[fr-itaya]

■課題1

• ユーザー定義関数
  • ユーザが独自に定義する関数のこと。
  • JavaScriptに予め用意されているものは組み込み(built-in)関数と呼ぶ。
• 即時関数
  • 関数定義と関数呼び出しをまとめて行えるコードのこと。
  • 書式　(function(){...})()
  • (function(){...})が関数定義部分
  • 続けて()で関数呼び出し(実行)
• 無名関数
  • 名前のない関数のこと。
  • 関数もデータ型なので、変数に入れることが出来る。
  • 関数を変数に入れると、関数名省略可。
  • 書式 var 変数名 = function(引数){処理};
  • 式として評価されるので、セミコロン;を忘れずに
  • 1度しか実行せず、且つ他の部分でも利用しない機能に使える。
  • 無名関数にすることで、次のようなメリットがある。
  • 命名する必要のない関数をシンプルに記述できる
  • 複数ファイルのJavaScriptライブラリを読み込む時等に、既存の変数名との衝突を回避出来る
• スコープ
  • 変数・関数の有効範囲(参照できる場所を限定する仕組み)のこと。
  • JavaScriptのスコープはグローバルスコープとローカルスコープのどちらかに属する。
  • グローバルスコープ：プログラム全体から参照可。関数外で宣言された変数(グローバル変数)はこのスコープを持つ。
  • ローカルスコープ：関数内のみ。関数内で定義した変数(ローカル変数)は、関数の外部からは参照できない。

[fr-sato]

課題1確認しました、OKです。課題2、課題3もマージしたのでクローズします。