На смену чего пришли промисы и какие у них основные состояния?

// Проблема вложенных callback'ов
getData(function(data1) {
  processData(data1, function(data2) {
    saveData(data2, function(data3) {
      displayData(data3, function() {
        // И так далее...
      });
    });
  });
});

getData()
  .then(processData)
  .then(saveData)
  .then(displayData)
  .catch(handleError);

const promise = new Promise((resolve, reject) => {
  // Асинхронная операция еще не завершена
});
// promise.state = 'pending'

const promise = Promise.resolve('success');
// или
const promise = new Promise((resolve) => {
  resolve('success');
});
// promise.state = 'fulfilled'

const promise = Promise.reject(new Error('failure'));
// или
const promise = new Promise((resolve, reject) => {
  reject(new Error('failure'));
});
// promise.state = 'rejected'

Pending
   ↓
Fulfilled (с значением)
   или  
Rejected (с причиной ошибки)

const promise = someAsyncOperation();

promise.then(
  value => {
    console.log('Fulfilled:', value);
  },
  error => {
    console.log('Rejected:', error);
  }
);