ホームページ >ウェブフロントエンド >フロントエンドQ&A >JavaScript クロージャとはどういう意味ですか?

JavaScript クロージャとはどういう意味ですか?

青灯夜游
青灯夜游オリジナル
2021-11-24 13:48:556379ブラウズ

JavaScript では、クロージャは関数を指します。2 つの関数が相互にネストされている場合、内側の関数がクロージャになります。典型的なクロージャ本体は、入れ子構造の関数であり、内部関数は外部関数のプライベート メンバーを参照すると同時に、内部関数は外部から参照されます。外部関数が呼び出されるとき、クロージャは次のようになります。形成されました。

JavaScript クロージャとはどういう意味ですか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

クロージャとは

いわゆるクロージャは関数を指します。 2 つの関数が相互にネストされている場合、内側の関数はクロージャです。

形成原理

関数が呼び出されると、一時的なコンテキスト アクティブ オブジェクトが生成されます。これは関数スコープの最上位オブジェクトであり、スコープ内のすべてのプライベート メソッド、変数、パラメーター、プライベート関数などはコンテキスト アクティブ オブジェクトの属性として存在します。

関数が呼び出された後、デフォルトでは、システム リソースの占有を避けるために、コンテキスト アクティブ オブジェクトがすぐに解放されます。ただし、関数内のプライベート変数、パラメータ、プライベート関数などが外部から参照されている場合、コンテキスト アクティブ オブジェクトは、すべての外部参照がキャンセルされるまで一時的に存在し続けます。

ただし、関数のスコープは閉じられており、外部からアクセスすることはできません。では、どのような状況下で、外部の世界が関数内のプライベート メンバーにアクセスできるのでしょうか?

スコープ チェーンに従って、内部関数は外部関数のプライベート メンバーにアクセスできます。内部関数が外部関数のプライベート メンバーを参照し、内部関数が外部の世界に渡されるか、外部の世界に開かれている場合、クロージャ本体が形成されます。この外部関数はクロージャ本体です。呼び出された後、アクティブなオブジェクトは一時的にキャンセルされず、そのプロパティは引き続き存在します。外部関数のプライベート メンバーは、内部関数を通じて継続的に読み書きできます。

クロージャ構造

#典型的なクロージャ本体は、入れ子構造の関数です。内部関数は外部関数のプライベート メンバーを参照すると同時に、外部からも内部関数が参照され、外部関数が呼び出されるときにクロージャが形成されます。この関数はクロージャ関数とも呼ばれます。

以下は典型的なクロージャ構造です。

function f(x) {  //外部函数
    return function (y) {  //内部函数,通过返回内部函数,实现外部引用
        return x + y;  //访问外部函数的参数
    };
}
var c = f(5);  //调用外部函数,获取引用内部函数
console.log(c(6));  //调用内部函数,原外部函数的参数继续存在

解析プロセスは次のように簡単に説明されます:

  • JavaScript スクリプトのプリコンパイル期間中に、宣言された関数 f と変数 c がまず字句的に事前解析されます。 。

  • JavaScript の実行中に、関数 f を呼び出し、値 5 を渡します。

  • 関数 f を解析すると、実行環境 (関数スコープ) とアクティブ オブジェクトが作成され、パラメーター、プライベート変数、内部関数がアクティブ オブジェクトの属性にマッピングされます。

  • パラメータ x の値は 5 で、アクティブ オブジェクトの x プロパティにマップされます。

  • 内部関数はスコープ チェーンを通じてパラメーター x を参照しますが、まだ実行されていません。

  • 外部関数が呼び出された後、内部関数が返されるため、内部関数は外部変数 c によって参照されます。

  • JavaScript パーサーは、外部関数のアクティブ オブジェクトのプロパティが外部から参照されていることを検出し、アクティブ オブジェクトの登録を解除できないため、オブジェクトはメモリ内に存在し続けます。

  • c が呼び出されたとき、つまり内部関数が呼び出されたとき、外部関数のパラメータ x に格納された値が存在し続けていることがわかります。このようにして、後続の操作を実装することができ、x y=5=6=11 が返されます。

#クロージャの価値は、式操作中のデータの保存を容易にすることです。ただし、その欠点は無視できません:

  • 関数が呼び出された後、呼び出し元のオブジェクトはログアウトできないため、システム リソースが占有されます。メモリの問題やリークを引き起こしやすくなります。解決策: クロージャは慎重に使用し、乱用しないでください。

  • クロージャの役割により、クロージャが保存する値は動的であり、適切に処理されないと例外やエラーが発生しやすくなります。

[関連する推奨事項:

JavaScript 学習チュートリアル]

以上がJavaScript クロージャとはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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