"Concurrencia" El event loop simplificado

Entender el modelo de concurrencia de JS es una tarea pesada, la idea de esta plática es hacerlo levemente más accesible. No para hacernos mejores programadores directamente, sino con la intención de entender un modelo básico de la computación moderna. Presentado en ChelaJS

1. Una aplicación de chat avanzada con node.js
2. var app = require('http').createServer(handler); var io = require('socket.io')(app); app.listen(80); io.on('connection', function (socket){ var user = null; socket.on('join', function (userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); socket.on('message', function(message){ io.emit('msg', user+': '+message); }); socket.on('disconnect', function(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); });
3. non-blocking
4. single-threaded
5. asynchronous
6. concurrent
7. O ALGO POR EL ESTILO
8. @unRob
9. “CONCURRENCIA”
10. “CONCURRENCIA” EL EVENT LOOP
11. ESTO NO NOS HARÁ MEJORES PROGRAMADORES
13. THREADING
14. 42 parseInt('42'); console.log(0x2A); console.log(6*9); parseInt('052', 8);
15. 42 parseInt('42'); console.log(0x2A); console.log(6*9); parseInt('052', 8);
16. 42 parseInt('42'); console.log(0x2A); console.log(6*9); parseInt('052', 8);
17. 42 parseInt('42'); console.log(0x2A); console.log(6*9); parseInt('052', 8);
18. 42 parseInt('42'); console.log(0x2A); console.log(6*9); parseInt('052', 8);
19. 42 parseInt('42'); console.log(0x2A); console.log(6*9); parseInt('052', 8);
20. 42 parseInt('42'); console.log(0x2A); console.log(6*9); parseInt('052', 8);
21. 42 parseInt('42'); console.log(0x2A); console.log(6*9); parseInt('052', 8);
22. BLOCKING
23. var fname = '/sony/passwords'; Buffer(‘31337h4x0r...’) var data = fs.readFileSync(fname); console.log(data);
24. var fname = '/sony/passwords'; Buffer(‘31337h4x0r...’) var data = fs.readFileSync(fname); console.log(data);
25. var '31337h4x0r' var console.log(data);
26. var '31337h4x0r' var console.log(data);
27. STACK
28. var hhg2g = require('hhg2g'); function pregunta(){ hhg2g.compute(function(respuesta){ var lineas = [ "La respuesta a", "la vida, el universo", "y todo es: " ]; console.log( lineas.join(' ')+respuesta; ); }); }; pregunta(); console.log(‘ejecutando’);
29. require var hhg2g = require('hhg2g'); function pregunta(){ hhg2g.compute(function(respuesta){ var lineas = [ "La respuesta a", "la vida, el universo", "y todo es: " ]; console.log( lineas.join(' ')+respuesta; ); }); }; pregunta(); console.log(‘ejecutando’);
30. pregunta var hhg2g = require('hhg2g'); function pregunta(){ hhg2g.compute(function(respuesta){ var lineas = [ "La respuesta a", "la vida, el universo", "y todo es: " ]; console.log( lineas.join(' ')+respuesta; ); }); }; pregunta(); console.log(‘ejecutando’);
31. pregunta hhg2g.compute var hhg2g = require('hhg2g'); function pregunta(){ hhg2g.compute(function(respuesta){ var lineas = [ "La respuesta a", "la vida, el universo", "y todo es: " ]; console.log( lineas.join(' ')+respuesta; ); }); }; pregunta(); console.log(‘ejecutando’);
32. console.log var hhg2g = require('hhg2g'); function pregunta(){ hhg2g.compute(function(respuesta){ var lineas = [ "La respuesta a", "la vida, el universo", "y todo es: " ]; console.log( lineas.join(' ')+respuesta; ); }); }; pregunta(); console.log(‘ejecutando’);
33. ejecutando
34. pregunta hhg2g.compute var hhg2g = require('hhg2g'); function pregunta(){ hhg2g.compute(function(respuesta){ var lineas = [ "La respuesta a", "la vida, el universo", "y todo es: " ]; console.log( lineas.join(' ')+respuesta; ); }); }; pregunta(); console.log(‘ejecutando’);
35. pregunta hhg2g.compute anonymous var hhg2g = require('hhg2g'); function pregunta(){ hhg2g.compute(function(respuesta){ var lineas = [ "La respuesta a", "la vida, el universo", "y todo es: " ]; console.log( lineas.join(' ')+respuesta; ); }); }; pregunta(); console.log(‘ejecutando’);
36. pregunta hhg2g.compute anonymous var hhg2g = require('hhg2g'); function pregunta(){ hhg2g.compute(function(respuesta){ var lineas = [ "La respuesta a", "la vida, el universo", "y todo es: " ]; console.log( lineas.join(' ')+respuesta; ); }); }; pregunta(); console.log(‘ejecutando’);
37. pregunta hhg2g.compute console.log anonymous var hhg2g = require('hhg2g'); function pregunta(){ hhg2g.compute(function(respuesta){ var lineas = [ "La respuesta a", "la vida, el universo", "y todo es: " ]; console.log( lineas.join(' ')+respuesta; ); }); }; pregunta(); console.log(‘ejecutando’);
38. pregunta hhg2g.compute anonymous console.log var hhg2g = require('hhg2g'); function pregunta(){ hhg2g.compute(function(respuesta){ var lineas = [ "La respuesta a", "la vida, el universo", "y todo es: " ]; console.log( lineas.join(' ')+respuesta; ); }); }; pregunta(); console.log(‘ejecutando’);
39. var hhg2g = require('hhg2g'); function pregunta(){ hhg2g.compute(function(respuesta){ var lineas = [ "La respuesta a", "la vida, el universo", "y todo es: " ]; console.log( lineas.join(' ')+respuesta; ); }); }; pregunta(); console.log(‘ejecutando’);
40. La respuesta a la vida, el universo y todo es: 42
41. EVENT LOOP
42. resultado stack event loop io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); });
43. resultado stack event loop io.on io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); });
44. resultado stack event loop io.on io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); });
45. resultado stack event loop conn io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); });
47. ¡EVENTO!
48. io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); }); stack event loop conn resultado
49. io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); }); stack event loop conn sock.on sock.on sock.on resultado
50. io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); }); stack event loop out msg join conn sock.on sock.on sock.on resultado
51. io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); }); stack event loop out msg join conn resultado
52. io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); }); stack event loop out msg join resultado
54. ¡EVENTO!
55. io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); }); stack event loop out msg join resultado
56. ¿ESTÁ VACÍO EL STACK?
57. io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); }); stack event loop out msg join join resultado
58. io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); }); stack event loop out msg join join io.emit resultado
59. io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); }); stack event loop out msg join join io.emit resultado
60. io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); }); stack event loop out msg join join resultado
61. io.on('connection', function conn(sock){ var user = null; sock.on('join', function join(userName){ user = userName; io.emit('joined', user+" llegó al chat"); }); sock.on('message', function msg(message){ io.emit('msg', user+': '+message); }); sock.on('disconnect', function out(){ user = null; io.emit('left', user+' fue a ver si ya puso la marrana'); }); }); stack event loop out msg join resultado
62. JS PUEDE USAR THREADS
63. NOSOTROS NO REALMENTE
64. EL RUNTIME ES CONCURRENTE
65. SI NOSOTROS NO LA CAGAMOS
67. “CONCURRENCIA” @unrob