Reglas del diseño simple

Clase 2 de 24 • Curso de Clean Code y Buenas Prácticas con JavaScript

Contenido del curso

Introducción al Clean Code

Nombre y uso de las variables

Ámbito de las variables

Funciones

Clases

Optimizaciones

Cierre

24
Sigue aprendiendo JavaScript
00:55 min

Tomar examen

Irving Juárez

student•

Mantener la regla de DRY (Don't Repeat Yourself), NO siempre es sencillo. En muchos blogs he visto, esto casi siempre se refiere a modularización del código (dividir nuestro código en funciones más especificas). Y aunque esto es correcto, es solo la primera parte de esta regla. . Existen muchas otras variantes para aplicar esta regla que no son siempre "obvias" al momento de escribir código. Por ejemplo, considera las siguientes funciones: .

function sortNumArr(arr, asc = 1) {
  return arr.sort((a, b) => {
    let result = 0;

    if (a > b) result = asc ? -1 : 1
    if (b > a) result = asc ? 1 : -1

    return result;
  });
}

function sortPeopleArr(peopleArr, asc = 1) {
  // Arr of person obj
  // { name: string, age: number }
  return peopleArr.sort((a, b) => {
    let result = 0;

    if (a.age > b.age) result = asc ? -1 : 1
    if (b.age > a.age) result = asc ? 1 : -1

    return result;
  });
}

. Hace exactamente lo mismo, estan ordenando un array de datos, ya sea de primitivos o de objetos. En este caso, no se esta respetando la regla de DRY. .

¿Cómo lo solucionamos? Con una abstracción

Vamos a crear una función que haga el algoritmo de ordenamiento, mientras que en uno de los argumentos le vamos a pasar el detalle, dependiendo del tipo de dato, al final queda algo como esto: .

function sortGeneralArr(comparator, asc = 1) {
  return function (arr) {
    return arr.sort((a, b) => {
      let result = 0;

      if (comparator(a, b)) result = asc ? -1 : 1;
      if (comparator(b, a)) result = asc ? 1 : -1;

      return result;
    });
  };
}

const sortNumArr = sortGeneralArr((a, b) => a > b);
const numSortedArr = sortNumArr(numArr);

const sortPeopleArr = sortGeneralArr((a, b) => a.age > b.age);
const peopleArrSorted = sortPeopleArr(peopleArr);

Carina Payleman

BinaryTreeCode

LEONARD CUENCA

Axel Enrique Galeed Gutierrez

José manuel Sanchez Juarez

Eugenio Condori

Brandon Lee Aguero Fernandez

Eric Daniel Cavanzo

Camilo Taborda

Alvaro Gonzalo Laruta Quiroz

Alex Condori Condori

Juan Pablo Ojeda Castañeda

Alejandro Gomez Maldonado

Reinaldo Mendoza

Maria Alejandra Luna Tito

Daniel Ochoa

Juan Martin Villanueva

Joan Alexander Valerio Rodríguez

Ricardo Andrey Cifuentes Martínez

Martín Gutiérrez Hernández

Reglas del diseño simple

Introducción al Clean Code

Deuda técnica y refactorización de código