Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Extend JQuery 1.x with whenAll that handles async call functions in objects or arrays. Returns a deferred that resolves in the same structure.">
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
​
</body>
</html>
 
$.whenAll = function (deferreds) {
    function isPromise(fn) {
        return fn && typeof fn.then === 'function' &&
          String($.Deferred().then) === String(fn.then);
    }
    var d = $.Deferred(),
        keys = Object.keys(deferreds),
        args = keys.map(function (k) {
            return $.Deferred(function (d) {
                var fn = deferreds[k];
​
                (isPromise(fn) ? fn : $.Deferred(fn))
                    .done(d.resolve)
                    .fail(function (err) { d.reject(err, k); })
                ;
            });
        });
​
    $.when.apply(this, args)
        .done(function () {
            var resObj = {},
                resArgs = Array.prototype.slice.call(arguments);
            resArgs.forEach(function (v, i) { resObj[keys[i]] = v; });
            d.resolve(resObj);
        })
        .fail(d.reject);
​
    return d;
};
​
function genAsyncFunc (id, prob) {
  return function (d) {
    setTimeout(function () {
      if (Math.random() < (prob === undefined ? 0.5 : prop)) {
        console.log('Stuff ' + id + ' is done!');
        d.resolve(id);
      } else {
        console.log('Stuff ' + id + ' FAILED');
        d.reject(new Error());
      }
    }, Math.random() * 2000);
  };
}
​
var reqObj = {
  x: genAsyncFunc('x'),
  y: genAsyncFunc('y'),
  z: genAsyncFunc('z')
};
​
$.whenAll(reqObj)
  .done(function (res) {
    console.log('Success');
    console.log(res);
  })
  .fail(function (firstFail, name) {
    console.log('Fail for: ' + name);
    console.log(firstFail);
  });
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers