Промисы в Jquery ( помогите понять принцип )

const arr = []; 
function first (i) { 
  return new Promise(function(resolve, reject) { 
    $.ajax({ 
      url: `http://jsonplaceholder.typicode.com/users/${i}`, 
      type: 'GET', 
      data: { 
        i: i 
      }, 
      complete: function(data) { 
        console.log('AJAX №' + i); 
        resolve(data); 
      }, 
      error: function(err) { 
        console.log(err); 
        reject(err); 
      } 
    }); 
  }); 
}; 
 
for (let i = 1; i < 6; i++) { 
  arr.push(  
    first(i) 
  ); 
} 
 
Promise.all(arr) 
  .then(resolve => { 
    console.log('После AJAX'); 
  }) 
  .catch(reject => { 
 
  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>