El sistema de tipos TypeScript: los beneficios y usos de los tipos fuertes

introducción

En el artículo anterior "Guía de introducción a TypeScript: Transición de JS a TS" , se explicó a todos que TypeScript es un lenguaje de programación de tipo estático y es 类型系统una de sus características importantes. El sistema de tipos de TypeScript puede proporcionar algunas ventajas poderosas que pueden ayudar a los desarrolladores a escribir 更健壮y codificar.更可维护更易于理解

A partir de este artículo, entraremos oficialmente en la etapa de aprendizaje de TS, ¡trabajemos juntos!

Ventajas de la tipificación fuerte

uno mejor代码可读性

• El sistema de tipos estáticos de TypeScript puede hacer que el código sea más fácil de entender.
• Al verificar los tipos en tiempo de compilación, puede asegurarse de que el comportamiento de su código sea predecible y comprensible.
• Los desarrolladores pueden ahorrarse la molestia de conocer los tipos de variables al leer el código, para que puedan concentrarse más en la lógica comercial.

  // 字符串
  let a: string = '变量a';
  

Cuando veamos el código TS anterior que define las variables, encontraremos que TS agrega el tipo de datos al declarar la variable, de modo que cuando el desarrollador obtenga el código, la comprensión de la variable será clara de un vistazo sin gastar mucho tiempo. dinero Lleva tiempo revisar la definición de las variables de trazabilidad del código. Se mejora la legibilidad del código y, al compilar, el IDE también puede realizar una verificación de tipos de acuerdo con el tipo de datos definido, para que los desarrolladores puedan evitar problemas causados ​​por errores de asignación de tipos de datos.

uno mejor代码可维护性

• El sistema de tipos de TypeScript puede ayudar a los desarrolladores a encontrar errores potenciales en su código más fácilmente, porque TypeScript puede detectar muchos errores de tipos en el momento de la compilación. Esta restricción de tipo hace que el código sea más fácil de depurar y mantener.

uno mejor代码重构能力

• El sistema de tipos de TypeScript ayuda a los desarrolladores a realizar cambios de forma más rápida y segura al refactorizar el código.
• TypeScript puede detectar errores de tipo en tiempo de compilación y proporciona funciones útiles de autocompletado, refactorización y cambio de nombre, lo que reduce la posibilidad de problemas.

uno mejor代码可靠性

• El sistema de tipos de TypeScript evita errores de programación comunes, como discrepancias de tipos, valores nulos y variables no definidas. Este tipo de restricción de tipo puede hacer que el código sea más confiable y puede reducir en gran medida el riesgo de errores fatales.

uno mejor代码重用能力

• El sistema de tipos de TypeScript puede ayudar a los desarrolladores a reutilizar mejor el código porque puede detectar errores en el código en el momento de la compilación, lo que hace que el código sea más modular y reutilizable, y reduce la cantidad de códigos repetidos.

Cómo utilizar

declarar tipo de variable

• Los tipos básicos en TypeScript incluyen: string, number, boolean, null, undefined, symbol, , 元组, 枚举(enum).任意值(any)

• 可以使用Escriba anotaciones o 类型推断para definir el tipo de la variable.

• En TypeScript, puede usar palabras clave para declarar el tipo de datos de una variable, por ejemplo:

  let num: number = 10;
  let str: string = "hello";
  let arr: number[] = [1, 2, 3];
  let obj: {
        
        
      name: string,
      age: number
  } = {
        
        
      name: "Tom",
      age: 18
  };
  // 枚举
  enum Color {
        
        
      Red,
      Green,
      Blue
  }
  let c: Color = Color.Green;
  // 元组类型:元组类型允许开发者指定数组中每个元素的类型和数量。
  let person: [string, number] = ['Tom', 18];
  

• Además de los tipos de variables declarados anteriormente, hay muchos otros, puede consultar el manual chino de TypeScript

Parámetro de función y tipo de retorno

• En TypeScript, no solo puede declarar tipos de variables para variables, sino también especificar tipos de datos para parámetros de funciones y valores devueltos, por ejemplo:

  // 接收类型为 number 的 x 和 y ，返回 x+y 的值（number）
  function add(x: number, y: number): number {
        
        
      return x + y;
  }
  

tipo de alias

• Los alias de tipo se pueden utilizar para crear tipos reutilizables, por ejemplo:

  type User = {
        
        
      name: string,
      age: number
  };
  let user: User = {
        
        
      name: "Tom",
      age: 18
  };
  

Tipos genéricos (entender)

• Los tipos genéricos en TypeScript pueden proporcionar compatibilidad flexible con tipos de datos al crear código reutilizable, como:

  function identity(arg: T): T {
        
        
      return arg;
  }
  let output = identity("hello");
  console.log(output); // 输出：hello
  

Resumir

En resumen, el sistema de tipos de TypeScript proporciona algunas herramientas poderosas que ayudan a los desarrolladores a crear un código más sólido, confiable, fácil de mantener y comprensible. Los desarrolladores pueden usar de manera flexible el sistema de tipos de TypeScript al escribir código, mejorando así la calidad del código y la eficiencia del desarrollo.