ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptの即時実行機能の使い方

JavaScriptの即時実行機能の使い方

不言
不言オリジナル
2018-12-13 17:30:183135ブラウズ

JavaScriptの即時実行機能の使い方は?この記事ではJavaScriptの即時実行機能の使い方を紹介します。

JavaScriptの即時実行機能の使い方

関数とは何なのか簡単に見てみましょう。

関数は、呼び出されたときに実行されるイベント駆動型または再利用可能なコードのブロックです。

つまり、関数を複数回使用する場合は、その関数を呼び出すだけで使用できます。

次のように定義された関数を使用します。

fonction 函数名(){
执行的代码
}

もう一度見てみましょう匿名関数とは

名前が示すように、匿名関数は関数名なしで機能を定義できる関数です。

匿名関数を使用すると、高階関数を使用するときにコードが簡素化されるという利点もあります。

高階関数とは、関数そのものをパラメータや戻り値として扱うことができる関数です。

高階関数では、パラメーターとしての関数は通常 1 回しか使用されないため、匿名関数にすることでコードを簡素化できます。

さらに、匿名関数にすることでグローバル スコープ名を定義する必要がなくなるため、関数名の重複によるエラーも軽減されます。

通常関数と無名関数の比較

次のプログラムに基づいて、通常関数と無名関数を比較してみましょう。

function( ) {
 执行的代码
}

通常の関数 (名前付き関数)

コードは次のとおりです

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      function sum(a,b){
        var result = a + b;
        return result;
      }
      var answer = sum(1,2);
      console.log(answer);
    </script>
  </body>
</html>

console.log を使用して呼び出すと、パラメーターに従って1、2 「3」を出力します。

JavaScriptの即時実行機能の使い方

#匿名関数

次に、匿名関数を使用して同じ関数を作成します


コードは次のとおりです


  <script>
      var sum = function (a,b){
    var result = a + b;
    return result;
  }
  var answer = sum(1,2);
  console.log(answer);
    </script>

名前付き関数では、最初に関数 sum を定義し、後で sum を変数 Answer に代入し、パラメーター 1 と 2 を使用して呼び出します。

逆に、無名関数では関数の定義を変数に直接入れることができるので、関数の定義そのものを変数に格納できるのも無名関数の利点です。

#結果は同じです

#最後に、JavaScriptの即時実行機能の使い方即時実行関数の使い方を見てみましょう

immediate関数 即時実行される関数式で、英語ではIIFE(即時呼び出し関数式)と呼ばれます。

即時関数は定義直後に実行されます。

したがって、即時実行関数と呼ばれます。

即時関数を使用すると、関数が定義されていればすぐに実行できます。

ローカル変数は関数内で宣言され、宣言された関数全体で使用されます。

グローバル変数はグローバル スコープで宣言された変数であるため、JavaScript プログラム内のどこでも使用できます。

たとえば、グローバル変数が関数の外部で宣言されている場合、その変数は関数の内部と外部の両方で使用できます。

即時関数の例を見てみましょう

var で変数を宣言すると、関数から始まる関数定義を即時実行できます。

コードは次のとおりです

<script>
    var sum = (function (a,b){
    var result = a + b;
    return result;
  })(1,2);
  console.log(sum);
    </script>

関数定義にパラメータをすぐに指定して、関数定義を実行します。

これまで、変数の応答に関数 sum を代入し、パラメーターを渡してきました。変数回答として省略すると、定義された関数に引数を直接渡して内容を実行できることを意味します。

このプログラムは、関数を呼び出すために var Answer = sum(1,2); を使用する必要がないため、非常にスムーズです。

実行結果は次のとおりです。結果も 3


です。

以上がJavaScriptの即時実行機能の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。