Обещают только асинхронные операции?

Question

Мне было интересно, могу ли я использовать обещания с помощью таймера обратного отсчета. Мой код выглядит примерно так:

function countdown(duration, callback) { 
    ... 
} 

function sayHi() { 
    console.log('hi'); 
} 

и я называю это делать что-то вроде

countdown(15, sayHi); 

Есть ли способ, что я мог сделать это вместо этого?

countdown(15).then(sayHi); 

Here является JSFiddle моего текущего кода.

Answer 1

Да, обещания - это способ «скрыть» обратные вызовы. Для примера, вы можете использовать обещание, как это:

function countdown(duration) { 
    return new Promise(function (resolve, reject) { 
     // wait for duration and resolve 
     setTimeout(function() { 
      resolve(); 
     }, duration); 
    }); 
} 

function sayHi() { 
    console.log('hi'); 
} 

countdown(1000).then(sayHi); 

Answer 2

да вы можете resolve их собственные конкретные затворы времени like.use уйти от плохого ответа от нескольких вызовов одновременно.

function countdown(duration, callback) { 
var deferred = Promise.defer(); 
    (function(duration,deferred){setTimeout(function(){ 
     deferred.resolve(); 
    },duration); 
    })(duration,deferred); 
} 

Предыдущая из них устарела.

function countdown(duration, callback) { 
    return new Promise(function (resolve, reject) { 
      setTimeout(function() { 
       resolve(); 
      }, duration); 
     }); 


} 

Answer 3

function countdown(duration) { 
    return new Promise(function(resolve, reject) { 
    var interval = setInterval(function() { 
     console.log(duration--); 
     if (!duration) { 
     clearInterval(interval); 
     resolve(); 
     } 
    }, 1000); 
    }); 
} 
countdown(15).then(function() { console.log("DONE"); }); 

Answer 4

Обещание подходит для любой операции, которая не обязательно будет бежать немедленно.

Javascript является однопоточным. Поэтому, если вы вызываете функцию, она обязательно будет запускаться немедленно в том же потоке. Обещание - удобный способ запустить код через некоторое время (все еще в том же потоке, но как часть другого обработчика событий).

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

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

ES7 async-await еще более удобочитаемо!