Как сделать последовательное выполнение функций javascript?

Question

[Евгений Низамиев]

Допустим есть три функции, как сделать чтоб они выполнялись друг за другом?

Может есть какой-нибудь изящный способ это реализовать?

Answer 1

[lnked]

в другой теме отвечал уже на этот вопрос

Answer 2

[vdem]

function1();
function2();
function3();

Куда уж изящнее?

UPD:
Допустим, каждая функция нам может сказать, когда там у нее внутри всякие процессы позавершаются, и говорить она будет через callback:

function func1(callback) {
    ...
}

Предположим, что у нас есть N подобных функций, сделаем последовательность из них:
var funcQueue = [func1, func2, ..., funcN];
Теперь:

function callSequently(funcQueue) {
    if(funcQueue.length) {
        (funcQueue.shift())(function() {
            callSequently(funcQueue);
        });
    }
}
callSequently(funcQueue);

Что-то я намудрил здесь... Но пусть будет.

Comments

[Виталий Киренков]

Последовательно, а не синхронно - чувствуете подвох?

[vdem]

@DeLaVega А что, с моим вариантом функции выполнятся не последовательно? Действительно интересно.

[Виталий Киренков]

Грубо выражаясь:

func1(){ animate(left: +300)}
func2 (){ animate(right: +300)}
func3 (){ animate(top: +300)}

Все анимации запустятся одновременно, а нужно, чтоб было последовательно.

[vdem]

@DeLaVega В условии НИЧЕГО не сказано про внутренности функций. Сами функции выполнятся таки последовательно, а вот что там за процессы они запустили - это неизвестно. Почему последовательно - потому что каждая из этих функций возвращает значение (если нету return, то null), и интерпретатор переходит к выполнению следующей. Они выполняются ПОСЛЕДОВАТЕЛЬНО! А то, что там вызов window.setTimeout() или window.setInterval() может быть глубоко внутри (в jQuery) - в условии НИЧЕГО не сказано.

[Виталий Киренков]

Ну, тут я думаю, что должен сыграть чисто человеческий фактор уже и посмотреть на шаг-два вперёд. Поэтому я в своём ответе и внёс дополнительный комментарий. Хотя и вы по сути тоже правы.

[vdem]

@DeLaVega Ну так я потому и придираюсь. Недостаточно конкретная формулировка. Ведь там всё, что угодно может быть внутри. В том числе и, например, попытки достучаться до какого-то сервиса. Скажем, раз в пять секунд по таймауту попытки соединения. Или еще что. Про эффекты же ничего не сказано.

[lnked]

Автор вопроса не похож на того кто задал бы вопрос про вызов 3х функций подряд, я не придираюсь по данной формулировке вопроса вы верно ответили)

[vdem]

Да я со старта понял что вопрос сложнее, просто формулировать-то надо как-то конкретнее. Я тут недавно, но уже начинает несколько раздражать изобилие подобным образом сформулированных вопросов. Это же элементарно: хочешь получить нормальный ответ - нормально спроси. А еще лучше погугли хорошенько сначала :) Видимо тут и задают часто ну совсем очевидные вопросы именно потому, что сформулировать вопрос правильно для гугла не могут :)

[Евгений Низамиев]

@vdem извиняюсь

Answer 3

[Виталий Киренков]

Смотря какие функции...

Если аякс присутствует - то один подход,
Если анимация - то другой.

P. S. через callback-и, а так же $.deffered();