jQueryの - 延期と約束とが、setTimeoutを

Question

私は実行「」完全に機能「B」で何かする前に完了した関数内のものと次々に2つの機能を実行する必要が

のないチェーン機能...

私はsetTimeoutを使用していない例を見つけることができません..これは奇妙です...

私は以下の例（from here）を持っていますか？それが動作している場合はどうすればテストできますか？どのようなダミーコードを使用して、5秒から30秒かかって "SharePoint JSOMで作業する"という部分をシミュレートすることができます。

var a = function() { 
var defer = $.Deferred(); 

//do stuff with SharePoint JSOM 

console.log('a() called'); 

return defer; 
}; 

var b = function() { 
var defer = $.Deferred(); 

console.log('b() called'); 


return defer; 
}; 



a().then(b); 

Answer 1

シンプルな使用promise（バニラJS）とthenでそれらをチェーン。

function a() { 
 
    return new Promise(function(resolve) { 
 
     console.log("wait two seconds ..."); 
 

 
     // this timeout is only here for demo purpose ;) 
 
     setTimeout(function() { 
 
      console.log("A"); 
 
      resolve(); 
 
     }, 2000); 
 
    }); 
 
} 
 

 
function b() { 
 
    console.log("B"); 
 
} 
 

 
a().then(b);

あなたはそのほぼ同じjQueryのdefferedを使用したい場合。

function a() { 
 
    var defer = $.Deferred(); 
 
    
 
    console.log("wait two seconds ..."); 
 

 
    // this timeout is only here for demo purpose ;) 
 
    setTimeout(function() { 
 
     console.log("A"); 
 
     defer.resolve(); 
 
    }, 2000); 
 
    
 
    return defer; 
 
} 
 

 
function b() { 
 
    console.log("B"); 
 
} 
 

 
a().then(b);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>