Как решаются стандартные проблемы с асинхронностью javascript?

Question

[pr0kazn1k]

Какие изменения необходимо внести чтобы, в r уже лежал массив после вызова метода get, проблема в том, что метод может отрабатывать до 2 секунд. Так же необходимо использовать класс, так как есть еще методы. Возможно, что это ужасный код, но он по крайне мере работает. Буду очень благодарен, если вы дадите несколько советов.

function Class(){
    this.result;
}

Class.prototype.get = function(){
    play();
        
    function play(){
        /*Запросы, выполняются какое-то время*/
        setTimeout(function(){
            this.result = 'array';
        }, 1500);
    }
    
    return this.result;
}

c = new Class();
r = c.get();
// необходимо чтобы в r уже лежал array
console.log(r);

Answer 1

[an23]

Используй Deffered object.
api.jquery.com/category/deferred-object
В твое случае

function Class(){
    this.result;
}

Class.prototype.get = function(){
    var dfd = new jQuery.Deferred();
    play();
        
    function play(){
        /*Запросы, выполняются какое-то время*/
        setTimeout(function(){
            this.result = 'array';
            dfd.resolve(this.result);
        }, 1500);
    }
    
    return dfd.promise();
}

c = new Class();

$.when(c.get()).done(function(res) {
    var r = res;
    console.log(r);
});

Пример с использованием Jquery Deffered

Comments

[pr0kazn1k]

нужно решение без jquery

[an23]

Тогда решение с Callback

[pr0kazn1k]

@an23: но я не могу оставшийся код писать в callback

[an23]

не понимаю. почему?

[pr0kazn1k]

@an23: Это должен быть класс, который можно подключить и использовать несколько раз при загрузке. p.s. я не особы знаток js

Answer 2

[Alexander Sydorenko]

Здравствуйте

Например так

function Class(){
    this.result;
}

Class.prototype.get = function(onComplete){
    play();
        
    function play(){
        /*Запросы, выполняются какое-то время*/
        setTimeout(function(){
            this.result = 'array';
            onComplete(this.result);
        }, 1500);
    }
}

c = new Class();
c.get(
	function(result){ console.log(result); }
);
// необходимо чтобы в r уже лежал array

Comments

[pr0kazn1k]

Как я понимаю, вы передали callback-функцию, но проблема в том, что переменная r используется дальше. По сути мне необходимо, как то задержать выполнение, пока метод get не отработает. Этот вариант не подходит, так как:
r = c.get(
function(){ console.log(r); // array}
);
console.log(r); // undefined

[Alexander Sydorenko]

@pr0kazn1k: Вы просто пишете свой код, который использует массив result уже в этой коллбек функции. Как вы заметили теперь get не возвращает вообщеничего, а передает результат выполнения в коллбек onComplete

[pr0kazn1k]

@San40: все верно, но я не могу весь оставшийся код писать в этой функции

[Alexander Sydorenko]

Почему? Почему весь оставшийся код не оформить в другой класс, в который передать result и сделать этому классу в коллбеке например Start()? :) Либо оформить весь остальной код в простую отдельную функцию, которую и вызвать в этом колбеке? просто представьте себе что стандартный onLoad для Вас начнется немножко позже, из этого колбека :) .

[pr0kazn1k]

@San40: причина тут скорее в том, что у меня нет таких знаний :-(

Answer 3

[Николай Марков]

Если я правильно помню, о в js можно сделать синхронный запрос, т.е. страница и ваш скрипт "зависнет" на время выполнения запроса. Если же вы хотите использовать именно setTimeout, то без коллбэков не обойтись.