Взаимодействие между замыканиями в JavaScript?

Question

[TEHEK]

Есть замыкания:

(function () {
   // do something
})()


(function () {

   // do another thing

}) ()

Как бы вы организовали взаимодействие между объектами в этих замыканиях?



Собственно, вопрос возникает при использовании jQuery в больших проектах… вот есть, к примеру, диалоговое окно на jQuery UI. Но это как бы частный случай общей проблемы.



Обычно у меня это выглядит так:

<div id="dialog">
   <p>something</p>
</div>

<button id="show_dialog_btn">Show Dialog</button>

<script>
jQuery(function ($) {
    $("#dialog").dialog({
         куча параметров,
         ну просто тьма всяких настроек
         и разные колбэки,
         buttons: {
               OK: function () {
                     // что-нибудь родить....
               }
         }
    });

    $("#show_dialog_btn").click(function () {
         $("#dialog").dialog('open');
    });
});
</script>

Диалоговое окно в этом случае, фактически состоит из НТМЛ разметки и джаваскрипт кода. Для простоты опустим ЦСС. Теперь, чтобы создать это же окно на другой странице, нужно либо копировать либо… А вот тут начинаются сложности… Если параметры окна зависят от каких-либо параметров в текущем замыкании, Допустим оно по нажатию кнопки Ок, должна быть вызвана «местная» для замыкания функция. Как быть?

Answer 1

[homm]

Вам помогут data, bind и triggerHandler. Ну и моя статья :)

Comments

[TEHEK]

О! Проведя небольшой эксперимент, обнаружил, что data может хранить функции =) Как-то раньше не пытался даже… объекты хранил, но функции не юзал.

Осталось только разобраться, кто из них this :)

$(window).data({
type1: {
    field: 10,
    method: function () {
        
        console.debug(this, this.field);
        return 1;
    }
},
method: function () {
    console.debug(this, $(this).data('type1').method());
}
}).data('method')()

Пасиб за наводку, ну и за то, что на огонек зашли +)

[homm]

Обычно потребности хранить в data функции не возникает, для этого как раз следует использовать bind и triggerHandler.

[TEHEK]

Обычно, разумеется, нет =) Но что-то меня в последнее время на необычные вещи тянет. Да и нужна вещь которая бы работала и без jQuery. Вечерком надо б копнуть, как data работает… вроде бы объект где-то в доме хранится, но пока визуально не нашел )

Answer 2

[Анатолий]

Простейший вариант:

var common = {
    param1: 'value1',
    param2: 'value2',
    param3: 'value3',
}

Comments

[TEHEK]

Когда элементов становится слишком много, глобальным объектом становится трудно управлять.

[Анатолий]

Структурируйте, бейте на группы:

var common = {
    settings: {},
    tmpVariables: {},
    otherCommonVariables: {}
}

В любом ведь случае у Вас будет много переменных и Вам надо будет ими орудовать, если они находятся в одном месте ими проще управлять, нежели если они будут раскиданы по всему документу.