JSFiddle - React, Tailwind, and code Playground

JavaScript

  var d1 = $.Deferred(); // 新建一个Deferred对象
	 var d2 = $.Deferred(); // 新建一个Deferred对象
   
  var f1 = function(d1){
    var tasks = function(){
      console.log("f1");
      d1.resolve(); // 改变Deferred对象的执行状态
    };
    setTimeout(tasks,500);
    return d1.promise();
  };   

  var f2 = function(d2){
    var tasks = function(){
      console.log("f2");
      d2.resolve(); // 改变Deferred对象的执行状态
    };
    setTimeout(tasks,500);
    return d2.promise();
  };
  
  var date = new Date().getTime();

  $.when(f1(d1),f2(d2))
  .done(function(){ var d1 = new Date().getTime();   console.log(d1-date) })
  .fail(function(){ alert("出错啦!"); });