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

推薦する

Vue で Google サードパーティ ログインを実装するためのサンプル コード

目次1. 開発者プラットフォームの構成問題を解決する1. 開発者プラットフォームの構成1. 開発者プ...

Vue3 での provide と injection の使用

1. provideとinjectの説明Provide と Inject により、ネストされたコンポ...

実行後にdocker nginxにアクセスできない問題の解決策

## 1最近、docker デプロイメントを学習しており、当初は nginx を docker 化す...

Docker イメージを Docker Hub にプッシュする実装

イメージが正常にビルドされると、Docker 環境があれば使用できますが、イメージを Docker ...

Centos 7 sshd の変更 | ルートログインの禁止と sshd ポートスクリプトの定義

1. 新しいユーザーwwweee000を作成します [root@localhost ~]# user...

vue cli3は環境ごとにパッケージ化の手順を実装します

cli3 でビルドされた vue プロジェクトは、ゼロ構成ファイルとして知られています。パッケージ化...

Dockerがログファイルを保存する場所の詳細な説明

目次ログはどこに保存されますか?コンテナ内のアプリケーションからのログを表示するDockerデーモン...

今日、私は非常に奇妙なクリックの問題に遭遇し、自分で解決しました

...こんな感じで、今日はポップアップウィンドウを作ろうと思ったのですが、バックエンド PHP によ...

MySQL操作テーブルでよく使われるSQLのまとめ

1. テーブル内のフィールドの種類を表示する テーブル名を記述する desc テーブル名 2. テー...

Link と @import の違いを詳しく見る

ページで CSS を使用する主な方法は、スタイル属性値をインラインで追加する方法、ページ ヘッダーで...

ApacheとTomcatを組み合わせて静的状態と動的状態を分離する方法

実験環境ApacheとTomcatは両方ともIPアドレス192.168.153.136のホストにイン...

HTMLはマーキーを使用してテキストを左右にスクロールします

コードをコピーコードは次のとおりです。 <本文> //マーキーの助けを借りて<MA...

Dockerのデフォルトネットワークセグメントを変更する実装方法の分析

背景同社のサーバーはすべて Alibaba Cloud ECS ホストを購入しています。デフォルトの...

CocosCreatorでゲームコントローラーを使用する方法

目次1. シーンレイアウト2. ハンドルリスナーを追加する1. イベントの変更を監視する2. 座標設...

JavaScript を使用した Web 計算機の作成

この記事は主にJavaScriptを使用してWeb計算機を実現する効果を記録し、参考として掲載してい...