JS クロージャの簡単な理解-jsチュートリアル-php.cn

JS クロージャの簡単な理解

一个新手

リリース： 2017-10-10 10:09:46

オリジナル

1516 人が閲覧しました

クロージャーの定義:

クロージャーとは、別の関数のスコープ内の変数にアクセスできる関数を指します。

ここでは別の定義が使用されています:

クロージャは、関数が定義されたときに字句スコープ外で呼び出された場合でも、関数がその字句スコープを記憶してアクセスできるときに発生します。

最初のポイント: JavaScript は

字句スコープ に基づいています。字句スコープとは、コードを記述するときに関数宣言の位置によってスコープが決定されることを意味します。 字句スコープ検索ルール: 最初に一致する識別子が見つかったときにスコープ検索が停止します。同じ名前の識別子は、ネストされたスコープの複数のレベルで定義できます。これは、「シャドウイング効果」と呼ばれます (内部識別子が外部識別子を「シャドウ」します)。シャドウイング効果に関係なく、スコープ検索は常にランタイムが配置されている最も内側のスコープから開始され、最初に一致する識別子が見つかるまで外側または上方向に進みます。

関数がどこで呼び出されるか、どのように呼び出されるかに関係なく、その字句範囲は関数が宣言された位置によってのみ決定されます。 2 番目のポイント: JavaScript には関数ベースのスコープがあり、関数は JavaScript で最も一般的なスコープ単位です。
関数スコープは、この関数に属するすべての変数が関数全体のスコープ内で使用および再利用できることを意味し (実際、入れ子になったスコープでも使用できます)、外側のスコープは内部のラッパー関数 Anything にアクセスできません。 3 番目のポイント: JavaScript の関数は第一級オブジェクトです
1) 変数、配列要素、その他のオブジェクトに割り当てることができるプロパティ
2) パラメータとして関数に渡すことができます
3) 関数の戻り値として使用できます
4 番目のポイント: クロージャ

function foo() {
    var a = 2;    
    function bar() {
        console.log( a ); // 2。bar()对 a 的引用的方法是词法作用域的查找规则，而这些规则只是闭包的一部分
    }
    bar();
}
foo();

ログイン後にコピー

上記のコードは実際にはクロージャを使用しません。クロージャの適用は、一般に 2 つの状況に分けられます - 戻り値として関数を使用する場合と、戻り値として関数を使用する場合です。パラメーター。

上記のコードを書き換えます:

function foo() {
    var a = 2;    
    function bar() {
    console.log( a );
    }    return bar;//函数作为返回值}var baz = foo();
baz(); // 2 —— 朋友，这就是闭包的效果。

ログイン後にコピー

ここで、関数 bar() の字句スコープは foo() の内部スコープにアクセスできます。次に、bar() 関数自体を値の型として渡します。この例では、bar 自体によって参照される関数オブジェクトを戻り値として使用します。

この例では、bar() は定義された字句範囲外で実行されます。 foo() 関数が戻った後も、その内部スコープは依然として存在し、bar() はスコープへの参照を保持しており、この参照はクロージャと呼ばれます。
関数をパラメータとして渡す別の例を書きます:

var max = 10,
fn = function(x) {
    if (x > max) {//注意词法作用域规则，这里的max是10，而不是100.
        console.log(x);  //15
    }
};
(function(f) {
    var max = 100;
    f(15);
})(fn);

ログイン後にコピー

5 番目のポイント: JavaScript のガベージコレクションメカニズム GC