Nome: ? | Matrícula: ?

Programação concorrente

Nesta aula vamos usar o site JSONPlaceholder para dar suporte a nossos exemplos práticos.

Para simplificar o código, definimos a variável global ROOT como sendo a URL do JSONPlaceholder.

As funções $.get(url, f) e $.post(url, f) realizam uma requisição AJAX à url e, quando a resposta chega, chama a função f passando o objeto associado à resposta.

Para ver o que a chamada $.get(ROOT + '/users', ...) retorna, basta acessar http://jsonplaceholder.typicode.com/users no seu navegador.

Exemplo simples

Antes de executar o código a seguir, tente prever a ordem de execução das instruções console.log.

console.log(1);
console.log('ROOT = ', ROOT);
$.get(ROOT + '/users', function (data) {
  console.log(data.map(u => u.name));
});
console.log(2);

function(str, info) { return simplesEval(str, info); }

Algo mais elaborado

O exemplo a seguir deveria buscar o id do usuário com username Delphine e então mostrar o título dos álbuns desse usuário:

var id, albums;
$.get(ROOT + '/users?username=Delphine', function (data) {
  id = data[0].id;
});
$.get(ROOT + '/albums?userId=' + id, function (data) {
  albums = data.map(a => a.title);
});
console.log(albums);

function(str, info) { return simplesEval(str, info); }

No entanto, o programador não percebeu que as chamadas de função que realizou são assíncronas, e por isso o programa não funciona como deveria. Conserte o programa.

Gate

Agora você quer pegar o e-mail de todos os usuários pagantes e então exibir os dois e-mails separados por vírgulas (não importa a ordem). (Suponha que a url /users, que retorna todos os dados de todos os usuários, não existe). Corrija o código abaixo:

var pagantes = [1, 2, 5, 8];
var emails = [];
function recebeResultado(user) {
  emails.push(user.email);
}
function imprimeResultado() {
  console.log('Emails: ' + emails.join(',') + '.');
}
pagantes.forEach(function (idx, userId) {
  $.get(ROOT + '/users/' + userId, recebeResultado);
});
imprimeResultado();

function(str, info) { return simplesEval(str, info); }