var myFunc = function(){
var test = 0;
setTimeout(function(){
test = 10;
}, 5000);
return test;
}
alert(myFunc());
Как получить результат 10 не используя yield
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуvar myFunc = function(){
var test = 0;
setTimeout(function(){
test = 10;
}, 5000);
return test;
}
alert(myFunc());
Как получить результат 10 не используя yield
Если я правильно понял условие задачи.
var myFunc = function(f) {
var test = 0;
setTimeout(() => {
test = 10;
f(test);
}, 5000);
}
myFunc(alert);
Может, в 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();
А если использовать 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, до его нативной поддержки браузерами еще далеко.
ES2017
, и то - если повезёт. Сейчас это - просто надстройка над язык.
async/await
войдет в стандарт. Уж больно красивая идея. А раз так, то готовиться нужно уже сейчас. Более того этот функционал уже есть в Edge из коробки: kangax.github.io/compat-table/esnext/#test-async_functions
18 мая 2016 в 11:56