возвратное степенное замыкание в Javascript

Question

function buildList(list) { 
    var i  = 0; 
    var first = function() { 
    console.log("in") 
    console.log(i); 
    } 
    var Second = function() { 
    console.log("out") 
    first(); 
    } 
    return Second; 
} 

var a = buildList([1, 2, 3]) 
console.dir(a); 

a(); // Here closure is created which has function first ,Here first also has one closure of itself that means recursive closure 

Когда я вижу свою консоль в Chrome имеет замыкание, которое имеет функцию первые, которая также имеет замыкание сами по себе, то есть он имеет повторяющийся цикл своей собственной функции в замыкании, ли кто-нибудь знает, что происходит здесь, я очень смущен, почему есть замкнутая петля

Answer 1

Инструменты разработчика отображают переменную a, которая является переменной, указывающей на анонимную функцию/закрытие.

В javascript функция определена в области видимости, а также может определять область по ее блоку тела. Область «знает» все переменные внутри определяющего блока и все переменные, определенные вне функции, но в иерархии областей, в которых область видимости определена.

Инструменты показывают объем возвращаемой функции (a в Это дело). Функция first определена в рамках функции a.

Переменная first также известна в рамках анонимной функции, назначенной переменной first.

И что вы получаете на экране: first - это переменная, содержащая функцию. В рамках этой функции известна переменная first, которая указывает на функцию. В рамках этой функции ...

Вы видите?

Answer 2

A closure - особый вид объекта, который объединяет две вещи: функцию и среду, в которой была создана эта функция.

1. Не нужно путать, поведение такое же, как ожидалось в этом коде. Здесь, что происходит, когда вы делаете console.dir(a); в своем коде, он возвращает функцию Second, я думаю, это понятно для вас.

2. Теперь, когда вы будете расширять эту функцию она покажет вам в Closure родительскую функцию (environment function) из Second, который buildList. В коде вы делаете то же самое.

3. Теперь следующая вещь, чтобы расширить это functionbuildList, что он покажет вам это дочерние объекты него, которые var i = 0; и function first. Ваша консоль показывается, как ожидалось.

4. Теперь еще раз, когда вы открываете first() он покажет вам, в Closure родительскую функцию (environment function) из first, который buildList. (то же, что и в шаге 2).

Теперь повторяет шаг 3, а затем снова шаг 4. и так ONNN ... Может быть, вы понимаете, что здесь происходит.