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

推薦する

JavaScript での AOP プログラミングの基本実装

AOP の紹介AOP (アスペクト指向プログラミング) の主な機能は、コアビジネスロジックモジュール...

Centos6でgitlabを構築する方法

序文元のプロジェクトは、パブリックネットワークgitlabに配置されていました。セキュリティ上の理由...

MySQL でよく使用される SQL 文を表示する (詳細な説明)

#mysql -uroot -pパスワードを入力してくださいmysql> show full...

MySQL データベースを最適化する 8 つの方法の詳細な説明 (必読の定番)

導入:インターネット上にはデータベースの最適化に関する情報や方法が数多くありますが、その多くは品質に...

背景属性の8つの属性値の詳細解説(面接の質問)

CSSの背景プロパティの値背景色背景画像背景繰り返し背景位置背景添付複合プロパティ: 背景: ba...

jQueryブリージングカルーセルの制作原理を詳しく解説

この記事では、jQueryブリージングカルーセル制作原理の具体的なプロセスを参考までに紹介します。具...

MySQL の分離レベルの包括的な分析

データベースが同じデータ バッチを同時に追加、削除、および変更すると、ダーティ書き込み、ダーティ読み...

Dockerがコンテナを起動するたびに、IPとホストが指定した操作が実行されます。

序文Dockerを使ってHadoopクラスタを起動するたびに、ネットワークカードの再バインド、IPの...

JavaScript で二分探索木を実装する

JavaScriptでの検索二分木実装は参考までに。具体的な内容は以下のとおりです。バイナリ検索木 ...

入力タイプ=ファイルスタイルを定義する方法

ファイルコントロールを美しくする理由は何ですか?他の子供たちはみんなきちんとしたきれいな服を着ている...

MySql テーブル内の行を削除する実用的な方法

まず、どのフィールドまたはフィールドの組み合わせがデータ行を一意に識別できるかを決定する必要がありま...

Linux でのソース パッケージ インストールのサービス管理

目次1. ソースパッケージサービスの起動管理2. ソースパッケージサービスのセルフスタート管理3. ...

CSSレイアウトにおけるフロート属性と位置属性の違い

CSS レイアウト - position プロパティposition 属性は、要素に適用する配置方法...

CentOS6.8 中国語/英語環境切り替えチュートリアル図

1. はじめに英語に慣れていない人は、システムを英語から中国語に変更したいかもしれません。一方、クラ...

CSS ロリポップを描くサンプルコード

背景: 毎日少しずつ進歩し、少しずつ積み重ねていけば、どんどん良くなっていきますコード: <!...