promise-style.js

// How do you format your promise-based code

// Example from https://github.com/zendesk/cross-storage
var storage = new CrossStorageClient('https://store.example.com/hub.html');
var errorHandler = function(err) {
  // do something
};

// Style 1
storage.onConnect().then(function() {
  return storage.set('newKey', 'foobar', 90000);
}).then(function() {
  return storage.get('existingKey', 'newKey');
}).then(function(res) {
  console.log(res.length);
}).catch(errorHandler);

// Style 2
storage.onConnect()
.then(function() {
  return storage.set('newKey', 'foobar', 90000);
}).then(function() {
  return storage.get('existingKey', 'newKey');
}).then(function(res) {
  console.log(res.length);
}).catch(errorHandler);

// Style 3
storage
.onConnect()
.then(function() {
  return storage.set('newKey', 'foobar', 90000);
}).then(function() {
  return storage.get('existingKey', 'newKey');
}).then(function(res) {
  console.log(res.length);
}).catch(errorHandler);

// Style 4
storage
  .onConnect()
  .then(function() {
    return storage.set('newKey', 'foobar', 90000);
  }).then(function() {
    return storage.get('existingKey', 'newKey');
  }).then(function(res) {
    console.log(res.length);
  }).catch(errorHandler);

// Style 5
storage
  .onConnect()
  .then(function() {
    return storage.set('newKey', 'foobar', 90000);
  })
  .then(function() {
    return storage.get('existingKey', 'newKey');
  })
  .then(function(res) {
    console.log(res.length);
  })
  .catch(errorHandler);