ri p t

p e s c
Ty
a r cía
qu ez G
á z
Ma rc V
t or :
Au
 Index
1) Que és typescript?
2) Abast de typescript
3) Tipat variables i funcions
4) Interfaces i types

2
 3
Que es typescript?
Que es Typescript? Typescript es un llenguatge de programació que produeix
codi Javascript i ens permet afegir noves funcionalitats al llenguatge de manera
mes segura, abstracta i funcional.
 4
Abast de typescript
Que modificara del nostre codi? La manera com declaram les variables i les
funcions fent-les mes restrictives. La nostra construcció del objectes mitjançant
tipat. I la nostra concepció del control d’errors.

Es pot programar amb TS emprant només JS? Si, però no obtendràs els
avantatges que ofereix i estaràs fent més feina ( compilar fitxers) per no aportar
res.
 5
Tipat de variables
Amb JS típicament nosaltres declarem una variable, li asignam un valor i el
navegador interpreta el tipus de valor que te aquesta variable segons el que li
passam per paràmetre.

Per evitar errors de tipus, TS recomana establir els possibles tipus de cada
variable que declaram per garantir que no hi hagi cap problema amb la dada en
qüestió. Els tipus bàsics més emprats a TS són:
- string, number,boolean null, undefined, never, Array, any, etc...

Hem de tenir en compte que en TS pot admetre més d’un tipus per una variable,
emprant l’operador ‘|’ podem concatenar tants tipus
com necessitem. Pensau que si una variable pot tenir més d’un
tipus de valor, haurem de garantir dins el seu funcionament
que es el tipus concret per cada situació.
 6
Tipat de variables
Hi ha dos tipus que em mencionat abans que no estan entre els tipus de JS
tradicional any i never.
El tipus any serveix com un comodí, admet qualsevol valor, es el valor per
defecte d’una variable o funció sense tipar. Es recomanable no abusar d’aquest
tipus per que es propens a error de tipus, sobretot dins funcions, però també
provoca que no s’assignin valors i no ens doni cap error.
El tipus never, serveix per indicar dins un context que hi haurà o hi pot haver
una excepció ( throw). Aquest tipus no l'emprarem molt, degut a que,
normalment el control d’excepcions al nostres projectes els feim mitjançant
try/catch que ja capturen les nostres excepcions.
Això es degut a que el errors dins JS poden causar la
interrupció de la reactivitat a la nostra aplicació de VUE.
 7
Tipat de funcions
Les funcions admeten el mateix tipus de tipat que les variables, però, a
diferència de les anteriors, a les funcions es necessari tipar, tant els paràmetres
d’entrada com si la funció retorna un valor.

Això implica que hem de realitzar mes controls dins les funcions depenent dels
paràmetres que tenim, pensau que molts d’aquests errors sortiran en temps de
compilació de codi o el propi VSC ús advertira de l’errada, per es important
desenvolupar amb la costum de tipar essent conscients que implica aquest tipus.
 8
Tipat de funcions
Hi ha un altre aspecte a destacar de les funcions i es que admeten paràmetres
opcionals.
Aquests paràmetres s’indiquen amb l’operador ‘?’ i no es necessari que tenguin
el tipus null o undefined.
 9
Interfaces/type
Les interface/type son estructures d’objectes que volen implementar al nostre
codi, que consten de variables i mètodes. Aquestes estructures ens permeten
tipar objectes i diferenciar-los entre si ( a JS tots son Objects).

De cara a futur, als projectes de VUE, normalment només emprarem

interface/type per objectes de model.
 10
Documentació
1) Documentació general TS: Enllaç
2) Tipus: Enllaç
3) Objectes i interface/type: Enllaç
No he trobat cap documentació de TS amb castellà/català. Igualment el nivell
d’angles no es extremadament complicat.
 11

Fins aquí la presentació del temari del curs.

 Conditions of use

With the use of this free template you accept

You can use this the following use and license conditions.
OpenOffice template for
your personal, You are free:
educational and
business presentations. To Share — to copy, distribute and transmit the work
Under the following conditions:

Attribution — You must attribute the work in the manner

specified by the author or licensor (but not in any way that
suggests that they endorse you or your use of the work).
No Derivative Works — You may not alter, transform, or build
upon this work.

In no event shall Showeet.com be liable for any indirect, special or

consequential damages arising out of or in connection with the use
of the template, diagram or map.

http://www.showeet.com http://creativecommons.org/licenses/by-nd/3.0/