Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bryamjesus/typescript
Aprendiendo Typescript
https://github.com/bryamjesus/typescript
learn learning typescript
Last synced: about 1 month ago
JSON representation
Aprendiendo Typescript
- Host: GitHub
- URL: https://github.com/bryamjesus/typescript
- Owner: bryamjesus
- Created: 2022-10-22T23:43:51.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-23T16:15:22.000Z (almost 2 years ago)
- Last Synced: 2023-03-10T02:17:56.674Z (almost 2 years ago)
- Topics: learn, learning, typescript
- Language: JavaScript
- Homepage:
- Size: 27.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# APRENDIENDO TYPESCRIPT
[Documentación oficial](https://www.typescriptlang.org/docs/handbook/intro.html)
## Instalacion de manera global
```bash
npm install -g typescript
```
## Ver versión
```bash
tsc -v
```
```bash
tsc --version
```
## tsconfig.json
Para iniciar
```bash
tsc --init
```
Y ahora con el `tsconfig.json` creado ya no es necesario usar `tsc nombreArchivo.ts` ahora con poner `tsc` va a ser suficiente
## Modo observador
El modo observador sirve para que al momento de guardar cambios en nuestro archivo .ts este ahi mismo lo pase al archivo js. Para activarlo utilizamos el siguiente comando
```bash
tsc --watch
```
```
tsc -w
```
## Tipos de datos
### Booleans
```ts
let isBooleanTrue: boolean = true
let isBooleanFalse:boolean = true
```
### Numbers
```ts
let isNumber1: number = 1230
```
### String
```ts
const variableString: string = 'Hola'
```
### Any
Any es un tipo de la cual puede ser cualquier tipo.
> Es recomendable utilizar lo menos posible el tipo `any`
```ts
let a: any;
a = {};
a = [];
a = true
```
### Arrays
Los podemos poner que solo reciba un tipo de dato, o que reciba varios
```ts
const arrayNumber: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
const array: (string | number | boolean)[] = [1, 2, 3, true, 'Hola Mundo']
```
### Tupla
```ts
const dato: [string, number] = ['Bryam Jesus', 23]
const dato2: [string, number, boolean] = ['Javiera', 22, false]
```
### Enum
```ts
enum AudioLevel {
min = 1,
medium,
max = 10,
}
let currentAudio = AudioLevel.medium; // 2
console.log(currentAudio);
console.log(AudioLevel);
```
### Void -> Vacio
```ts
function callBatman() : void {
return;
}
const callSuperman =() :void => {
return
}
```
### Never
```ts
const error = (message: string): never | number => {
if (false) {
throw new Error(message);
}
return 1;
};
```
### Null - Undefined
Evitar su uso
> Undefied es asignable a una variable de tipo Null
```ts
let nada: undefined = undefined;
console.log(nada);
```