Else, lo inventó el diablo

En esta presentación veremos algunos malos hábitos al usar IF/ELSE/ELSEIF y cómo evitarlos.

Transcript

1. Lo inventó el diablo Else @jansanchez
2. Else Lo inventó el diablo @jansanchez
3. Vayamos al origen de todo
5. #OkNOTanto
6. Decision Making in computer programming (toma de decisiones)
7. Decision Making (toma de decisiones) Es anticipar las condiciones que se producirán durante la ejecución del programa y especificar ¿Qué acciones tomar? en base a esas condiciones mediante las estructuras de decisión.
8. Decision Structures (estructuras de decisión)
9. Estructuras de decisión Estas evalúan múltiples expresiones que producen como resultado VERDADERO o FALSO. Para que así podamos determinar qué acción tomar y qué declaraciones ejecutar.
10. THE IF STATEMENT
11. Tipos de IF
12. if-then if-then-else if-then-elseif STATE MENT THE
13. The if-then Statement
14. La instrucción if-then ejecuta un bloque de código si la condición especificada es verdadera.
15. Veamos un ejemplo
16. En un juego, al perder una vida se debe validar si el número de vidas del jugador es menor a 1, Si fuese así, entonces el juego debe terminar.
17. El jugador perdió una vida
18. El jugador perdió una vida ¿El número de vidas es menor a 1? Validamos mediante una condición
19. El jugador perdió una vida ¿El número de vidas es menor a 1? Finalizar el juego y mostrar el mensaje “Game Over”. Yes Validamos mediante una condición
20. El jugador perdió una vida ¿El número de vidas es menor a 1? Finalizar el juego y mostrar el mensaje “Game Over”. Yes Validamos mediante una condición No
21. El jugador perdió una vida ¿El número de vidas es menor a 1? Finalizar el juego y mostrar el mensaje “Game Over”. Yes Validamos mediante una condición No hacemos Nada! No
22. El jugador perdió una vida ¿El número de vidas es menor a 1? Finalizar el juego y mostrar el mensaje “Game Over”. Yes Validamos mediante una condición The if-then Statement
23. if (mario.numberOfLives < 1) { game.over() screen.showMessage(“Game Over”) } ... ...
24. if (mario.numberOfLives < 1) { game.over() screen.showMessage(“Game Over”) } ... ... Esta condición debe resultar verdadera
25. if (mario.numberOfLives < 1) { game.over() screen.showMessage(“Game Over”) } ... ... Para que este código sea ejecutado
28. The if-then-elseif Statement
29. La instrucción if-then-elseif ejecuta su bloque de código asociado cuando la condición principal no es verdadera y cuando la condición elseif es verdadera.
30. Veamos un ejemplo
31. En base a las notas de un estudiante se debe validar si su estado es: Aprobado ( > 13 ) Sustitutorio ( > 10 <= 13) Desaprobado ( <= 10 )
32. En base a sus notas se calcula la nota promedio de un estudiante Si la Nota del estudiante es > 13 El estado del estudiante es: “Aprobado” Yes Validamos mediante una condición Si la Nota del estudiante es > 10 No Condición #1 Condición #2
33. Si la Nota del alumno es > 13 Si la Nota del alumno es > 10 No El estado del alumno es: “Sustitutorio” Yes El estado del alumno es: “Desaprobado” No The if-then-elseif Statement [11, 12, 13] [10, 9, …, ∞] Condición #1 Condición #2
34. var student = { score: 12, status: "" } if (student.score > 13) { student.status = "Aprobado"; } else if (student.score > 10) { student.status = "Sustitutorio"; } else { student.status = "Desaprobado"; } // Logs "Sustitutorio"
35. var student = { score: 12, status: "" } if (student.score > 13) { student.status = "Aprobado"; } else if (student.score > 10) { student.status = "Sustitutorio"; } else { student.status = "Desaprobado"; } Esta condición debe resultar falsa Esta condición debe resultar verdadera &
36. . Sustitutorio .
37. The if-then-else Statement
38. Si la condición es evaluada como falsa. Se omite la ejecución del bloque principal de código. Y en su lugar se ejecuta el bloque secundario.
39. La instrucción if-then-else ejecuta su bloque de código asociado cuando la condición principal no es verdadera.
40. Veamos un ejemplo
41. Si el postulante superó los 90 puntos en su evaluación entonces es aceptado, sino es así, entonces es rechazado:
42. Se obtienen los resultados del postulante ¿Si el puntaje obtenido es mayor a 90? El postulante es: “Aceptado” Yes Validamos mediante una condición El postulante es: “Rechazado” No [91, 92, …, ∞] [90, 89, …, ∞ ]
43. var jobApplicant = { score: 90, status: "" } if (jobApplicant.score > 90) { jobApplicant.status = "Aceptado" } else { jobApplicant.status = "Rechazado" } // Logs "Rechazado"
44. var jobApplicant = { score: 90, status: "" } if (jobApplicant.score > 90) { jobApplicant.status = "Aceptado" } else { jobApplicant.status = "Rechazado" } // Logs "Rechazado" Esta condición debe resultar falsa
45. var jobApplicant = { score: 90, status: "" } if (jobApplicant.score > 90) { jobApplicant.status = "Aceptado" } else { jobApplicant.status = "Rechazado" } // Logs "Rechazado" Para que se ejecute este bloque de código Esta condición debe resultar falsa
46. . Rechazado.
47. The if-then-else Statement . Bad habits.
48. Siguiendo la lógica
49. if (...1) { ... if (...2) { ... } else { ... if (...3) { ... } else { ... } } } else { ... }
50. 1: True if (...1) { ... if (...2) { ... } else { ... if (...3) { ... } else { ... } } } else { ... }
51. 1: True 1: True, 2: True if (...1) { ... if (...2) { ... } else { ... if (...3) { ... } else { ... } } } else { ... }
52. 1: True 1: True, 2: True 1: True, 2: False if (...1) { ... if (...2) { ... } else { ... if (...3) { ... } else { ... } } } else { ... }
53. 1: True 1: True, 2: True 1: True, 2: False 1: True, 2: False, 3: True if (...1) { ... if (...2) { ... } else { ... if (...3) { ... } else { ... } } } else { ... }
54. 1: True 1: True, 2: True 1: True, 2: False 1: True, 2: False, 3: True 1: True, 2: False, 3: False if (...1) { ... if (...2) { ... } else { ... if (...3) { ... } else { ... } } } else { ... }
55. if (...1) { ... if (...2) { ... } else { ... if (...3) { ... } else { ... } } } else { ... } 1: True 1: True, 2: True 1: True, 2: False 1: True, 2: False, 3: True 1: True, 2: False, 3: False 1: False, 2 & 3 No importan
56. Context-Switch (Cambio de contexto) • Cambiar de tarea para el CPU significa guardar el estado de la tarea actual y cargar el estado guardado de la siguiente tarea. • El tiempo invertido en cambiar de una tarea a otra sin ninguna alteración es llamado context-switch. • Después de ser programado, el nuevo proceso se apodera del procesador para su ejecución. • En los humanos pasa algo similar si andamos cambiando de contexto a cada momento.
58. Change is bad.
59. . Context-Switch .
61. Contextualizando
62. if (...1) { ... if (...2) { ... } 1: True 1: True, 2: True
63. Sumar/Añadir
64. 1: True 1: True, 2: True 1: True, 2: True, 3: True if (...1) { ... if (...2) { ... } if (...3) { ... } }
66. Lsa pesronas son beunas identfiicando patornes, pero mlaos sigiuenod lóigca.
67. El Consejo
68. “Más patrones, menos else.”
69. Simplificando Condicionales
70. Else es la clave secreta para encontrar:
71. • Fragmentos duplicados • Oportunidades de aplicar polimorfismo • Oportunidades de Refactorización
72. 1.- Identificar el código esencial
73. var validator = function (data) { if (data) { console.log('dato válido'); } else { console.log('dato inválido'); return null; } return data; } // "Ejecución" validator('dato de entrada');
74. var validator = function (data) { if (data) { console.log('dato válido'); } else { console.log('dato inválido'); return null; } return data; } // "Ejecución" validator('dato de entrada'); Código esencial
75. var validator = function (data) { if (!data) { console.log('dato inválido'); return null; } console.log('dato válido'); return data; } // "Ejecución" validator('dato de entrada'); Código esencial
76. 2.- Polymorphism
77. var fieldAsHtml = function(type) { if (type === 'text') return '<input type="text" />' else if (type === 'number') return '<input type="number" />' else if (type === 'email') return '<input type="email" />' else throw new Error(type) } // Use fieldAsHtml('text')
78. Descubrir el patrón común var fieldAsHtml = function(type) { if (type === 'text') return '<input type="text" />' else if (type === 'number') return '<input type="number" />' else if (type === 'email') return '<input type="email" />' else throw new Error(type) } // Use fieldAsHtml('text')
79. var fieldAsHtml = function(type) { return '<input type="' + type + '" />' } // Use fieldAsHtml('email') Polimorfismo es la capacidad de un objeto para adoptar muchas formas.
80. 3.- Unir Fragmentos duplicados
81. if (isSpecialDeal()) { total = price * 0.95; prepare(); send(); } else { total = price * 0.98; prepare(); send(); } Identificar los fragmentos duplicados
82. if (isSpecialDeal()) { total = price * 0.95; } else { total = price * 0.98; } prepare(); send();
83. 4.- Refactorización
84. if (isSpecialDeal()) { total = price * 0.95; } else { total = price * 0.98; } prepare(); send();
85. if (isSpecialDeal()) { total = price * 0.95; } else { total = price * 0.98; } prepare(); send();
86. var discount = 0.98; if (isSpecialDeal()) { discount = 0.95; } total = price * discount; prepare(); send(); Seteamos un valor por default para la mayoría de los casos (generalmente el else)
87. var discount = 0.98; if (isSpecialDeal()) { discount = 0.95; } total = price * discount; prepare(); send(); Usamos if-then para validar solo la condición verdad
88. 5.- Reemplazar Condicionales Anidadas
89. getPayAmount(): number { let result: number; if (isDead){ result = deadAmount(); } else { if (isSeparated) { result = separatedAmount(); } else { if (isRetired) { result = retiredAmount(); } else{ result = normalPayAmount(); } } } return result; }
90. getPayAmount(): number { let result: number; if (isDead){ result = deadAmount(); } else { if (isSeparated) { result = separatedAmount(); } else { if (isRetired) { result = retiredAmount(); } else{ result = normalPayAmount(); } } } return result; } 1: True 1: False, 2: True 1: False, 2: False, 3: True 1: False, 2: False, 3: False
91. getPayAmount(): number { if (isDead){ return deadAmount(); } if (isSeparated){ return separatedAmount(); } if (isRetired){ return retiredAmount(); } return normalPayAmount(); } 1: True 2: True 3: True 1, 2, 3: False
92. 6.- Poner más foco en la acción
93. Actividades de un niño en primavera
94. if (spring) { if (weekday) { school(); } elseif (saturday) { if (raining) { tv(); } else { football(); } } else { homework(); } else if (winter) { hibernate(); } }
95. if (spring && weekday) school(); if (spring && saturday && !raining) football(); if (spring && saturday && raining) tv(); if (spring && sunday) homework(); if (winter) hibernate();
96. if (spring && weekday) school(); if (spring && saturday && !raining) football(); if (spring && saturday && raining) tv(); if (spring && sunday) homework(); if (winter) hibernate();
97. A veces es difícil escapar de usar else
98. 7.- Extraer
99. if (...1) { ... if (...2) { ... } else { ... if (...3) { ... } else { ... } } } else { ... } if (...1) { @funcion(param1, param2) } else { ... } funcion @(param1, param2) { ... ... }
100. Escribir código también es arte.
101. Escribamos código artístico.
102. Para que sea fácil de entender
103. por nuestros compañeros
104. y por nosotros mismos
105. cuando volvamos a tocar ese código más adelante
106. “Los programas deben estar escritos para que la gente los lea, y solo de forma circunstancial para que las máquinas los ejecuten”. Harold Abelson, Structure and Interpretation of Computer Programs
107. Further information • Simplificando condicionales: https://refactoring.guru/refactoring/techniques/simplifying-conditional-expressi ons • Inspiración de la charla: https://www.youtube.com/watch?v=XDqZemwVXUk
108. Gracias! @jansanchez