Обьясните как работает замыкание?

Question

[campus1]

Здравствуйте!
Обьясните как в данном случаи работает замыкание, а то что-то не пойму никак

function celebrityIDCreator (theCelebrities) {
    var i;
    var uniqueID = 100;
    for (i = 0; i < theCelebrities.length; i++) {
        theCelebrities[i]["id"] = function (j)  { 
            return function () {
                return uniqueID + j; 
            } () 
        } (i); 
    }

    return theCelebrities;
}

​var actionCelebs = [
{name:"Stallone", id:0}, 
{name:"Cruise", id:0}, 
{name:"Willis", id:0}
];

celebrityIDCreator (actionCelebs )

Спасибо большое!

Comments

[Taras Kuznyetsov]

с таким же успехом можно было не усложнять себе жизнь и сделать

theCelebrities[i]["id"] = uniqueID + i;

[Вячеслав Недорезов]

ну или хотя бы убрали лишнюю анонимную функцию:

function celebrityIDCreator (theCelebrities) {
    var i;
    var uniqueID = 100;
    for (i = 0; i < theCelebrities.length; i++) {
        theCelebrities[i]["id"] = function (j)  { 
                return uniqueID + j; 
        } (i); 
    }

    return theCelebrities;
}

Answer 1

[Александр Серый]

Я понимаю замыкание так: "дочерняя" функция имеет доступ к переменным функции "родительской".
Другими словами переменная "uniqueID" объявлена внутри функции "celebrityIDCreator", а значит в глобальной области видимости этой переменной нет. В цикле отрабатывает анонимная функция (5 строчка в коде), она же, можно сказать , что "дочерняя". Но эта анонимная функция имеет доступ к переменной "uniqueID"! Хотя переменная и не глобальная, и не была объявлена внутри анонимной функции!

Comments

[campus1]

А как влиет то, что я аноним ф-ции передаю аргумент i??

[Александр Серый]

Значение i подставляется внутри вместо j.

[Александр Серый]

Кстати, внутри первой анонимной функции находится вторая анонимная функция. Она имеет доступ к переменной j, хотя область видимости ее находится как бы на уровень выше)) В вашем примере несколько замыканий

[campus1]

theobroma, Ухх...башка рвется)

Answer 2

[eRKa]

Вы uniqueID используете внутри функции, но объявили ее за пределами видимости этой функции

function (j)  { 
            return function () {
                return uniqueID + j; 
        } () 
} (i);

это и есть замыкание.

Про замыкания хорошо здесь описано.

Comments

[Vest]

Или обратиться к Сошникову: dmitrysoshnikov.com/ecmascript/chapter-6-closures

Answer 3

[Евгений Великий]

В данном примере переменная actionCelebs доступна внутри celebrityIDCreator().
Подробнее о том как это работает рекомендую почитать здесь, и примеры имеются.

Comments

[Александр Серый]

actionCelebs доступна внутри celebrityIDCreator() как theCelebrities потому, что этот массив передали как аргумент. А вопрос то был о замыканиях...

Answer 4

[Роман]

Зачем замыкания и такая вложенность функций в данном конкретном случае ?

function celebrityIDCreator (theCelebrities) {    
    return theCelebrities.map((celebrity, index) => {
        celebrity.id = 100 + index;
        return celebrity;
    })
}

не ?