TypeScript 코드에 키스하십시오!

Cuando desarrollamos solemos olvidar lo que hicimos hace meses, semanas o mejor dicho lo que hicimos ayer =(...

En este articulo les mostrare los mejores Tips para que mejores tus habilidades como desarrollador organizando mejor tu codigo.

Los primero que debes saber, que es KISS, Keep It Simple as possible, o manten las cosas simples como sea posible, no tienes que hacer que tu codigo, solo tu puedas entenderlo.

Desde mi punto de vista le diría: Keep S*** Stupid Simple o manten las M....a lo mas simple posible, para que otros puedan leer tu codigo y saber de que se trata evitando que tengas que documentar (Actividad que 아니 아니 구스타 해서).

입문서

팁 #01: Nombra los elementos con significado claro.

변수 que tengan significado cognitivos y cuando lo leas de nuevo sepas de que se trata, ejemplo:

변수

let accepted = false;

A que refiere가 인정함, mejor seria asi:

let userAccepted = false;

팁 #02: Nombra los elementos que puedas 발음.

class Invoice {
     gtAmnt() {...}
     gtTx() {...}
}

아니요, 아니요, 아니요.

class Invoice {
     getAmount() {...}
     getTax() {...}
}

팁 #03: Nombra los elementos solo lo necesario, no repitas.

class Invoice {
     getInvoiceAmount() {...}
     getInvoiceTax() {...}
}

현재 상황에 대한 요구 사항:

let invoce = new Invoice():

invoive.getInvoiceAmount();

Se ve algo redunde la palabra 송장, se ve mejor asi:

let invoce = new Invoice():

let invoiceAmount = invoive.getAmount();

팁 #03: 구성 요소에 대한 정보를 제공하는 인터페이스를 활용합니다.

class Invoice {
     setItem (code: string, quantity: number, cost: number, tax: number)
     getInvoiceAmount() {...}
     getInvoiceTax() {...}
}

아시 케다 메조르:

interface IItem {
    code: string;
    quantity: number;
    cost: number;
    tax: number;
}

class Invoice {
     setItem (item: IItem ) {...}
     getInvoiceAmount() {...}
     getInvoiceTax() {...}
}

Tip #04: Utiliza set y get para Trabajar con miembros de clases:

class Invoice {
     public tax: number = 0; 
     setItem (item: IItem ) {...}
     getAmount() {...}
     getTax() {...}
}

let invoce = new Invoice():

let taxInvoice = invoive.tax;

No es buena practica acceder al los miembros de clase de esta forma, la forma correcta es a traves de metodos.

class Invoice {
     tax: number = 0; 
     setItem (item: IItem ) {...}
     getAmount() {...}
     getTax() {...}
}

let invoce = new Invoice();

let taxInvoice = invoive.getTax();

팁 #05: Mantén las funciones puras con una sola responsabilidad:

class Invoice {
     tax: number = 0; 
     quantity: number = 0;

     setItem (item: IItem ) {...}
     getAmount() {...}
     getTax() {
       this.quantity = this.quantity + 1;
       return tax; 
     }
}

El metodo getTax() esta alterando la variable amount esta instrucción debe estar en otra función, de esta forma:

class Invoice {
     tax: number = 0; 
     quantity: number = 0;

     setItem (item: IItem ): void {...}
     getAmount() : number {...}

     getTax(): number {
       return tax; 
     }

     getQuantity (): number {
        this.quantity = this.quantity + 1;
        return this.quantity;   
     }
}

Con estos Tips puedes tener tu codigo simple y fácil de leer y entender y así pase tiempo de haber escrito tu codigo, te sea fácil recordar de que se trata.