JavaScript 即時実行関数の使用状況分析

JavaScript 即時実行関数の使用状況分析

一般的に、関数は実行する前に呼び出す必要があることはご存じのとおりです。以下に示すように、関数を定義して呼び出します。

関数fn(){
    コンソールログ(1);
    }
    関数fn();

印刷結果は次のとおりです。

これを呼び出しないと、印刷した結果は表示されません。
そこで、ここで即時実行される関数について説明します。即時実行される関数とは、呼び出されなくてもすぐに実行できる関数のことです。

即時実行関数を記述する最も一般的な方法は 2 つあります。

  • (function(){})()
  • (function(){}())

例えば:

 (関数fn(){
            コンソールログ(2);
        })()

印刷結果は次のとおりです。

印刷に成功しました。

即時実行される関数の 2 番目の括弧は、関数の呼び出しと同じです。即時実行される関数にパラメータを渡すこともできます。2 番目の () に渡すパラメータを実際のパラメータとして記述します。

次のように:

 (関数fn(a,b){
    コンソールログ('a+b='+a+b);
 })(1,2)

印刷結果は次のとおりです。

即時実行関数を使用する 2 番目の方法は、基本的に 1 番目の方法と似ているため、ここでは詳細には説明しません。
すぐに実行される関数が複数ある場合は、それらをカンマで区切る必要があることに注意してください。そうしないと、エラーが報告されます。同時に、即時実行される関数では、匿名関数の形式で記述することもできます。

では、機能を即時に実行することの機能や利点は何でしょうか?

その最大の機能は、独立したスコープを作成することです。 javascriptにはプライベートスコープの概念がないことはご存じのとおりです。複数人で開発するプロジェクトで、一部の変数がグローバルまたはローカルスコープで宣言されている場合、他の人が同じ名前の変数で誤って上書きしてしまう可能性があります。ただし、すぐに実行される関数内の変数はすべてローカル変数であり、名前の競合は発生しません。

JavaScript 即時実行関数に関するこの記事はこれで終わりです。JavaScript 即時実行関数に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript の基礎: 即時実行関数
  • JS で即時実行される匿名関数の使用状況の分析
  • JS即時実行関数の機能と使い方の分析
  • JavaScriptで即時実行関数の例を詳しく解説
  • JSで即時実行される関数の詳細な説明

<<:  HTML 画像 img タグ_Powernode Java アカデミー

>>:  トップナビゲーションバー機能を実現するCSS+HTML

推薦する

MySQL 5.7.20 のインストールと設定方法のグラフィック チュートリアル (win10)

この記事では、MySQL 5.7.20のインストールと設定方法を参考までに紹介します。具体的な内容は...

Vueで背景色と透明度を設定する方法

背景色と透明度の設定上記のように、最初の画像の場合は、灰色の背景と左上隅に白い「カバー」という文字を...

JavaScript Alert関数の実行順序の詳細な説明

目次質問分析する解決するAlert() 関数を置き換えるsetTimeOut関数まとめ質問数日前、J...

RHEL8 で静的 IP アドレスを設定するさまざまな方法の簡単な分析

Linux サーバーで作業している場合、ネットワーク カード/イーサネット カードに静的 IP アド...

bitronix を使用して MySQL に接続するときの MySQLSyntaxErrorException の解決方法

bitronix を使用して MySQL に接続するときの MySQLSyntaxErrorExce...

Linux でファイル権限を変更する chmod コマンドの詳細な分析

Linux chmodコマンドを使用して、ターゲット ファイルにアクセス、読み取り、書き込み、または...

Docker 起動時の ES メモリ オーバーフローの解決方法

jvm.options ファイルを elasticsearch 構成に追加し、スタック サイズを変更...

CSS3 クリックボタン円形進行ティック効果実装コード

目次8. CSS3 クリックボタンの円形進捗チェック効果8.1 画像プレビュー8.2 index.h...

Tomcat でのコネクタ構成

JBoss は Tomcat を Web コンテナとして使用するため、JBoss の Web コンテ...

HTML ページでギリシャ文字を使用する方法

ギリシャ文字は、特に数学や物理学などの科学技術分野で非常によく使用される記号列であり、特定の意味を持...

CSS はモバイル デバイスで水平スクロール ナビゲーション バーを実装します (PC デバイスにも適用可能)

関数の起源最近、水平スクロール バーを必要とする H5 に取り組んでいました。いくつかのドキュメント...

Rancher のデプロイメントと K8S クラスターのインポートに関する問題

Rancher のデプロイメントには、次の 3 つのアーキテクチャがあります。高可用性 Kubern...

MacOS での MySQL 8.0.18 のインストールと設定方法のグラフィック チュートリアル

この記事では、MacOSでのMySQL 8.0.18のインストールと成功したコマンドライン操作を記録...

MySQL のバイナリおよび varbinary データ型の詳細な説明

序文BINARY と VARBINARY は、文字列ではなくバイナリ文字列を格納する点を除いて、CH...

Node+Express テストサーバーのパフォーマンス

目次1 テスト環境1.1 サーバーハードウェア1.1.1 t2.マイクロ1.1.2 c5.large...