Introdução ao TS (quais são os tipos de TS? Como usar?)

Introdução ao TS

TS（TypeScript）É uma linguagem de programação de código aberto desenvolvida pela Microsoft. É JavaScriptum superconjunto de JavaScript, que pode adicionar verificação de tipo estático e recursos de programação orientada a objetos ao JavaScript. TSA verificação de tipo pode ser feita em tempo de compilação, melhorando a legibilidade, manutenção e confiabilidade do código, além de oferecer suporte aos ECMAScriptrecursos mais recentes do . TSEle pode ser executado em qualquer plataforma que suporte JavaScript e pode ser JavaScriptperfeitamente integrado ao código existente. O TS também tem um bom suporte para ferramentas de desenvolvimento, como Visual Studio Code, WebStorme outros IDEs comumente usados ​​suportam TSo desenvolvimento de .

Os tipos comumente usados ​​no TypeScript incluem o seguinte:

Qualquer tipo ( any): Indica qualquer tipo, ao qual pode ser atribuído qualquer valor.

Tipo de número ( number): indica um tipo de número, incluindo inteiros e números de ponto flutuante.

String type ( string): indica um tipo de string, incluindo aspas simples e duplas.

Tipo booleano ( boolean): Indica o tipo booleano, incluindo verdadeiro e falso.

Tipo de array ( array): Indica o tipo de array, que pode conter elementos de qualquer tipo.

Tipo de tupla ( tuple): Indica o tipo de tupla, que pode conter um número fixo e tipo de elementos.

Tipo de enumeração ( enum): indica um tipo de enumeração, que pode definir um conjunto de constantes nomeadas.

nulle undefinedType: Representa null e undefinedtype, que representam valores nulos e indefinidos, respectivamente.

voidTipo: indica que não há nenhum tipo, geralmente usado para valores de retorno de funções.

objectTipo: indica tipos não primitivos , ou seja, tipos diferentes de number, string, e , incluindo objetos, arrays, funções, etc.booleannullundefined

neverTipo: Um tipo que representa um valor que nunca existe, geralmente usado para o valor de retorno de uma função.

Tipos em TypeScript podem ser usados ​​para definir variáveis, funções, classes, interfaces, etc. Aqui estão alguns usos comuns:

Defina o tipo da variável

typescript
Copy code
let age: number = 18;
let name: string = "Tom";
let isStudent: boolean = true;

Defina os tipos de parâmetro e o tipo de retorno da função

typescript
Copy code
function add(x: number, y: number): number {
  return x + y;
}

Define os tipos de arrays e tuplas

typescript
Copy code
let nums: number[] = [1, 2, 3];
let info: [string, number] = ["Tom", 18];

Defina o tipo de objeto

typescript
Copy code
interface Person {
  name: string;
  age: number;
}
let tom: Person = {
  name: "Tom",
  age: 18
};

definir o tipo da classe

typescript
Copy code
class Person {
  name: string;
  age: number;
  
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
}
let tom: Person = new Person("Tom", 18);

Esses usos de tipo são apenas TypeScripta ponta do iceberg dos tipos em , e há muitos usos avançados, como tipos de junção, tipos de interseção, aliases de tipo, genéricos, etc., que podem ser usados ​​de forma flexível de acordo com as necessidades reais.

As principais diferenças entre JavaScript (JS para abreviar) e TypeScript (TS para abreviar) são as seguintes:

Sistema de tipos : JavaScripté uma linguagem de tipagem fraca, e o tipo de variáveis ​​só pode ser determinado em tempo de execução. É TypeScriptuma linguagem fortemente tipada, o tipo da variável foi determinado em tempo de compilação e uma verificação de tipo mais rigorosa pode ser executada.

Verificação de tipo estático : TypeScriptA verificação de tipo estático é fornecida, o que pode detectar erros de tipo em tempo de compilação e evitar erros de tipo em tempo de execução. No entanto JavaScript, os erros de tipo só podem ser encontrados em tempo de execução, o que pode facilmente levar a travamentos do programa ou comportamento inesperado.

Suporte ao recurso ES6+ : TypeScriptpode suportar os ECMAScriptpadrões mais recentes, incluindo ES6, ES7, ES8etc., e JavaScripto grau de suporte depende da versão do navegador ou Node.js.

Suporte para ferramentas de desenvolvimento : TypeScriptO suporte para ferramentas de desenvolvimento é mais amigável, por exemplo Visual Studio Code, WebStorme outros desenvolvimentos comumente usados ​​que IDEsão suportados TSpodem fornecer prompts e conclusão de código mais inteligentes.

Dificuldade de aprendizagem : TypeScriptEm comparação com JavaScripta dificuldade de aprendizagem, é necessário dominar mais conhecimentos sobre gramática e sistema de tipos. No entanto, TypeScripto sistema de tipos pode melhorar a legibilidade, manutenção e confiabilidade do código, o que é muito benéfico para o desenvolvimento de projetos em larga escala.
Além disso, TypeScriptpode ser facilmente integrado ao JavaScriptprojeto, e o código pode ser gradualmente JavaScriptconvertido em TypeScriptcódigo, o que evita refatorações tediosas e garante a compatibilidade do código.