Как получить переменную, возвращаемую через несколько функций - Javascript/jQuery

Question

Этот вопрос заключается в том, чтобы выяснить, как передавать переменные между функциями javascript без: возвращать переменные, передавать параметры между первичными функциями, используя глобальные переменные и принудительную функцию 1 дождаться завершения функции 2. Я вычислил решение jQuery и разместил его ниже (в разделе ответов).

---

Old Post: Я инициализирую набор из четырех функций, каждый из которых вызывает друг друга по-другому. В конце этого мне нужен окончательный модифицированный продукт (массив), возвращаемый функции инициализации.

Глобальные переменные не заставляют начальную функцию ждать. И возврат его назад четыре раза тоже не работает. Как передать измененную переменную обратно в ее функцию инициализации, если вы не можете ее вернуть? Или почему он не возвращается?

(лабиринт начинается initFunctionA, заканчивается в functionD)

classOne = { 
    initFunctionA : function() { 
    classTwo.functionB(functionD, array); 
    // I NEED ACCESS TO ARRAY2 HERE 
    }, 
    functionD : function(data, array) { 
    var array2 = // modifications to array 
    } 
} 

{...} 

classTwo = { 
    functionB : function(callback, array) { 
    $.ajax({ 
     success: function(ret){ 
     classTwo.functionC(ret, callback, array) 
     } 
    }); 
    }, 
    functionC : function(ret, callback, array) { 
    callback(ret.data.x, array); 
    } 
} 

Answer 1

Изменить свой обратный вызов (в месте вызова), так что вы захватить возвращаемое значение functionD , Затем измените functionD так, чтобы он возвращался array2. Я добавил this доступ к приведенному ниже примеру в качестве удобства. (Кроме того, не забудьте включить точку с запятой, где «необходимая», если вы хотите сделать JSLint счастливым.)

classOne = { 
    initFunctionA : function() { 
    var self = this; 

    classTwo.functionB(function() { 
     var array2 = functionD.apply(self, arguments); 

     // ACCESS ARRAY2 HERE 
    }, array); 
    }, 
    functionD : function(data, array) { 
    var array2 = // modifications to array 

    return array2; 
    } 
}; 

{...} 

classTwo = { 
    functionB : function(callback, array) { 
    $.ajax({ 
     success: function(ret){ 
     classTwo.functionC(ret, callback, array) 
     } 
    }); 
    }, 
    functionC : function(ret, callback, array) { 
    callback(ret.data.x, array); 
    } 
}; 

Answer 2

Вы не можете заставить его работать с рисунком, как вы там написано; это просто невозможно в Javascript, потому что нет такой вещи, как «ожидание». Ваш код ajax должен принимать параметр обратного вызова (который у вас есть, хотя неясно, откуда он или что он делает), и эта начальная функция должна проходить в коде, чтобы делать то, что вам нужно, с массивом после вызова ajax отделки.

Answer 3

Я хотел бы использовать конструктор объекта:

function ClassOne() { 
    this.array2 = []; 
} 

ClassOne.prototype.initFunctionA = function() { 
    // ... 
} 

ClassOne.prototype.functionD = function(data, array) { 
    // Can use array2 EX: this.array2 
} 

var classOne = new ClassOne(); 

Answer 4

Это, как я понимаю вашу проблему: classTwo обрабатывает вызов AJAX и может изменить результат. classOne использует classTwo для получения некоторых данных и нуждается в результирующих данных.

Если да, то как это:

classOne = { 
    initFunctionA : function() { 
    var array = ['a','b','c']; 
    classTwo.functionB(this.functionD, array); 
    }, 
    functionD : function(data, array) { 
    // This function is called when the AJAX returns. 
    var array2 = // modifications to array 
    } 
} 

{...} 

classTwo = { 
    functionB : function(callback, array) { 
    $.ajax({ 
     success: function(ret){ 
     classTwo.functionC(ret, callback, array) 
     } 
    }); 
    }, 
    functionC : function(ret, callback, array) { 
    callback(ret.data.x, array); 
    } 
} 

Так classOne.initFunctionA называет classTwo.functionB который устанавливает вызов Ajax. Когда вызов ajax завершается успешно, классTwo.functionC вызывается с результатом и исходным массивом. Отсюда, classOne.functionD вызывается с ret.data.x и массивом.

Answer 5

Хорошо! Я нашел способ передать переменные между функциями без:

• делает глобальные переменные
• делает свойство объекта (раствор Хаоса)
• передачи параметров

Эти три были предложено здесь в качестве единственных путей ,

Accessing variables from other functions without using global variables

Но, если вы не можете передать параметры непосредственно, и вам нужно одну функцию ждать другой (то есть, не может полагаться на ссылки), и вы используете асинхронные вызовы в сервер в промежуточной функции, тогда ваше единственное решение:

Использование jQuery ...

Создайте этот объект в DOM (динамически, если вы не хотите, чтобы мутить разметку):

<div id='#domJSHandler" style="display: none;"></div> 

Тогда в функции, которая должна ждать:

//Function & Class Set 2 
$('#domJSHandler').bind('proceedWithAction', function(event, param1, param2) { 
    // action set 2 
}); 

И в функции ждем по:

//Function & Class Set 1 
// action set 1 
$('#domJSHandler').triggerHandler('proceedWithAction', [param1, param2]); 

По существу, необходимо выполнить последние действия, которые необходимо выполнить в jQuery привязать настраиваемое событие к невидимому объекту DOM. Запустите это событие из JS с помощью триггера jQuery. Передайте свои параметры и вуаля!

Я уверен, что SO даст мне дерьмо для этого (и для самовлюбленного принятия моего собственного ответа), но я думаю, что это очень блестяще для uber-новичка, и это сработало для меня.

Итак: р Переполнение стека (Ю.К. Вы все спасли мою задницу много раз, и я люблю тебя все :)