Questa guida spiega come il tipo di una funzione può essere specificato in TypeScript.
Come specificare il 'tipo' di una funzione in TypeScript?
IL ' tipo La parola chiave ” corrisponde al tipo di parametri/argomenti della funzione o al suo valore restituito. Una volta impostato il tipo con i parametri, l'utente non può aggiungere nessun altro tipo di valore al suo interno.
Partiamo dal primo esempio.
Esempio 1: specificare il tipo restituito della funzione
Questo primo esempio specifica il tipo restituito della funzione data che limita tale funzione a restituire solo il valore del tipo restituito specificato.
Codice
Utilizzare queste righe di codice nel file con estensione '.ts':
funzione Tempo ( ) : numero {
ritorno nuovo Data ( ) . prendi tempo ( ) ;
}
consolare. tronco d'albero ( Tempo ( ) ) ;
Nelle righe di codice precedenti:
- IL ' Tempo() ” la funzione specifica il “ numero ” tipo di dati come tipo restituito di questa funzione.
- Questa istruzione 'ritorno' utilizza il ' data ” oggetto collegato con il “ prendi tempo() ” per restituire la data e l'ora in millisecondi come un “numero”.
- Infine, invoca la funzione definita.
Produzione
Compilare il file '.ts' utilizzando il compilatore 'tsc' e quindi eseguire il file '.js' compilato:
tsc principale. ts //Compilarenodo principale. js //Correre
Come visto, la funzione “Time()” recupera il valore numerico specificato poiché il suo tipo restituito è “number”.
Esempio 2: specificare i tipi di parametri della funzione
Questo esempio specifica il tipo di parametri delle funzioni per limitarli a non accettare nessun altro valore del tipo di dati:
funzione aggiungi ( UN : numero, b : numero ) : numero{
ritorno UN + B ;
}
consolare. tronco d'albero ( 'La somma è:' + aggiungere ( 10 , venti ) ) ;
In questo codice:
- IL ' aggiungere() ” la funzione accetta due parametri “ UN E B “di tipo” numero ”.
- Questa funzione restituisce il valore numerico come risultato dell'operazione aritmetica specificata, ad esempio 'a+b'.
- IL ' console.log() ” metodo chiama il “ aggiungere() ” passando i valori degli argomenti dichiarati come “numeri”.
Produzione
tsc principale. tsnodo principale. js
Qui, l'output mostra correttamente la somma dei numeri specificati.
Esempio 3: tipi di funzioni in TypeScript e specifica dei relativi tipi
In TypeScript, le funzioni sono classificate in due tipi: ' Di nome ' E ' Anonimo ”.
Funzione con nome
IL ' Di nome La funzione è dichiarata dal suo nome. Questa funzione può contenere il tipo di parametri della funzione o il tipo restituito. La sua demo può essere esaminata in 'Esempio 2'.
Sintassi
nomefunzione ( [ arg ] ) { }Funzione anonima
IL ' Anonimo La funzione ” viene assegnata a una variabile che la definisce dinamicamente come un'espressione in fase di esecuzione. Funziona allo stesso modo di simple/function. L'utente può chiamarlo utilizzando il nome della variabile in cui è assegnato per richiamare le funzionalità della funzione.
Sintassi
lasciate risultato = funzione ( [ arg ] ) { }Ora, dimostriamo praticamente la funzione discussa:
lascia che myFunc = funzione ( X : numero, y : numero ) : numero {ritorno X * E ;
} ;
consolare. tronco d'albero ( myFunc ( 10 , 6 ) ) ;
Nelle righe di codice precedenti:
- La variabile 'myFunc' definisce una funzione con parametri (con i relativi tipi) e il tipo restituito.
- L'istruzione 'return' restituisce la moltiplicazione dei valori passati.
- IL ' console.log() ” metodo chiama la “funzione anonima” con l'aiuto della sua variabile assegnata “ myFunc ” passando i valori dichiarati come argomenti.
Produzione
tsc principale. tsnodo principale. js
Qui, l'output restituisce il valore di tipo 'numerico' poiché il tipo restituito dalla funzione è 'numero'.
Conclusione
In TypeScript, il ' tipo ” di una funzione si riferisce ai parametri della funzione o al valore restituito in base ai tipi di dati incorporati in modo tale che solo i valori specificati siano supportati dalla funzione. Questa guida ha spiegato brevemente come specificare il 'tipo' di una funzione utilizzando TypeScript.