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 インデックスのパフォーマンス最適化の問題に対する解決策

MySQL によって作成される最適化はインデックスを追加することですが、インデックスを追加しても目的...

jsはブラウザを閉じるときにアカウントのログアウトを処理します

目次古典的なアプローチ質問その他の質問注意が必要な問題古典的なアプローチご存知のとおり、アカウントの...

JavaScriptオフセットは、ウィンドウ内でのマウス座標の取得とモジュールのドラッグを実装します。

オフセットOffset はオフセットです。関連プロパティの offset シリーズを使用すると、次の...

Spring Cloud での Docker デプロイメントに jib を使用する詳細な手順

ジブの紹介Jib は Google が開発した、Java アプリケーションの Docker および ...

SQLインジェクションの詳しい解説 - セキュリティ編(第2部)

この記事に誤りがあったり、ご提案がありましたら、お気軽にご連絡ください。よろしくお願いいたします。は...

MySQL の最適化: サブクエリの代わりに結合を使用する

サブクエリの代わりにJOINを使用するMySQL はバージョン 4.1 以降で SQL サブクエリを...

JavaScript フォーム検証の例

HTML フォームは、名前、電子メール アドレス、場所、年齢などのユーザー情報を収集するためによく使...

Reactはconetxtを通じてマルチコンポーネント値転送関数を実装します

この関数の効果はvue的provide/injectに似ています。 contextを通じて反応できる...

ffmpeg 中国語パラメータの説明と使用例

1. ffmpeg がビデオ ファイルをプッシュする場合、オーディオとビデオのエンコード形式は H2...

MySQL の group by と order by を一緒に使用する方法

テーブル:reward(報酬テーブル)があるとします。テーブル構造は次のようになります。 テーブルt...

Vue で v-if と v-for を一緒に使用することが推奨されない理由の詳細な説明

この記事では主に、v-if と v-for を一緒に使用することが推奨されない理由を紹介します。詳細...

MySQL 8.0.11 MSI バージョンのインストールと構成のグラフィック チュートリアル

この記事では、MySQL 8.0.11 MSIバージョンのインストールと設定のチュートリアルを参考ま...

Vue で className として空の文字列を使用することはなぜ推奨されないのですか?

目次空の文字列 '' と null を比較するケース1: 空の文字列を使用する &#...