1
var myFunc = function(){
  var test = 0;
  setTimeout(function(){
    test = 10;
  }, 5000);
  return test;
}
alert(myFunc()); 

Как получить результат 10 не используя yield

6
  • 1
    ответ прост: никак, да и yield в данном случае не поможет никак
    – Grundy
    18 мая 2016 в 8:33
  • @Grundy plnkr.co/edit/96khBVXBTC3KvECmkhsZ?p=preview так 18 мая 2016 в 8:36
  • Uncaught ReferenceError: co is not defined
    – Grundy
    18 мая 2016 в 8:38
  • @Grundy github.com/tj/co тут 18 мая 2016 в 8:40
  • for nodejs - как то странно показывать пример в браузере который может быть работает в только в ноде :)
    – Grundy
    18 мая 2016 в 8:43

3 ответа 3

3

Если я правильно понял условие задачи.

  var myFunc = function(f) {
    var test = 0;
    setTimeout(() => {
      test = 10;
      f(test);
    }, 5000);
  }
  myFunc(alert); 
2
  • да спасибо интересная реализация 18 мая 2016 в 8:47
  • 1
    тогда уж проще сразу f(10); без лишних переменных
    – Grundy
    18 мая 2016 в 8:51
3

Может, в Promise обернуть?

var test = 0;

(new Promise( function( resolve){
  window.setTimeout( function(){
    test = 10;
    resolve(test);
  }, 3000);
}))
.then( function(v){
  alert(v);
})
;


Вариант с событиями может тоже быть удобным. Поскольку у вас вопрос про асинхронное взаимодействие, модель pub-sub уместна.

В примере события слушаем и выкидываем на объекте window:

var myFunc = function() {
  setTimeout(function() {
    window.dispatchEvent(new CustomEvent('ololo', {
      // в свойстве "detail" можно передать любые данные -
      // объект с кучей данных, или просто скалярное значение
      'detail': { 
        myTestData: 5,
        moreData: "trololo"
      }
    }));
  }, 2000);
}

window.addEventListener(
  'ololo',
  function(e) {
    alert('' +e.detail.myTestData +' ' +e.detail.moreData);
  },
  false
);

myFunc();

5
  • да и тут глобальная переменная не нужна, как и в соседнем ответе
    – Grundy
    18 мая 2016 в 8:52
  • тоже спасибо за пример возьму на заметку 18 мая 2016 в 8:57
  • ещё может, будете просто emit'ить событие и слушать его? =)
    – Sergiks
    18 мая 2016 в 9:02
  • @Sergiks если добавите в ответ вариант с эмитером думаю это будет полезно 18 мая 2016 в 9:17
  • При использовании pub/sub приходится думать о приложении в асинхронном ключе (что не всегда элементарно). Это как раз одна из причин, по которой раньше использовалась пачка вложенных функций обратного вызова, а теперь Обещания. Ну и обработка ошибок при использовании pub/sub не очень-то веселое занятие. 18 мая 2016 в 10:58
1

А если использовать async/await из ES7, то можно сделать так:

const myFunc = () => {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve(10);
        }, 5000);
    });
};

(async function() {
    alert(await myFunc());
})();

А вот и рабочий пример на JSFiddle.

Да, определение функции myFunc стало сложнее. Однако, используя async/await мы можем писать псевдосинхронный код без использования в явном виде Обещаний и Генераторов. Например так:

let updatePost = async function(uid, pid, newBody) {
    let user = await loadUser(uid),
        post = await loadPost(pid),
        canEdit = await user.canEdit(post);

    if (!canEdit) {
        return false;
    }

    post.setBody(newBody);
    await post.save();

    return true;
};

Но есть и плохие новости. ES7 не только не поддерживается браузерами, но и даже не принят как стандарт. Хотя весь код выше хорошо транспилируется через Babel, до его нативной поддержки браузерами еще далеко.

4
  • Отлично, вот только это внесут в стандарт только ES2017, и то - если повезёт. Сейчас это - просто надстройка над язык.
    – user207618
    18 мая 2016 в 11:48
  • 2
    setTimeout(resolve, 5000, 10); :)
    – Qwertiy
    18 мая 2016 в 11:52
  • Сейчас все идет к тому, что рано или поздно async/await войдет в стандарт. Уж больно красивая идея. А раз так, то готовиться нужно уже сейчас. Более того этот функционал уже есть в Edge из коробки: kangax.github.io/compat-table/esnext/#test-async_functions 18 мая 2016 в 11:56
  • @Qwertiy, да, можно и так. но наглядность от этого не выигрывает 18 мая 2016 в 11:57

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.