Jquery - Цепные функции с отсроченных и обещаниями, но без SetTimeout

Question

мне нужно выполнить 2 функции один за другим с материалом в функции «А» полностью завершает до вещи в функции «B» выполняет ...

Я не могу найти пример, который не использует setTimeout .., что странно ...

У меня следующий пример (from here), он должен работать? Как я могу проверить, работает ли он? Какой фиктивный код можно использовать для имитации части «// делать вещи с помощью SharePoint JSOM», например, от 5 секунд до 30 секунд.

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>