Objetivos
        
    
    
    
        
Funções Anônimas ou Arrow
    
    
        
            
                Função anônimas é uma função que não possuem nome, não utilizam a palavra 
                reservada function, sendo declaradas e atribuidas à uma variável. 
            
            
                Uma Função anônima possuem as mesmas características que as funções vistas 
                em TypeScript: Funções.
            
            
                Nesta parte do tutorial vamos aprender a declarar e utilizar esses tipos de funções 
                mencionados e seus usos.
            
         
     
    
        
Declarando uma função arrow
    
    
        
            
                Funções anônimas em TS, são funçoes sem nome que são criadas de acordo com a sintaxe 
                abaixo: 
            
            Sintaxe
            
let nome_variavel = () : tipo_retorno => { /*corpo*/}
            Exemplo 1
            
let exp = (): void => { console.log("uma string TS");}
exp();
            Saída
            uma string TS
         
     
    
        Função Arrow com argumentos
        
     
    
        
            
                As funções anônimas podem utilizar N parâmetros em sua declaração como mostrado abaixo:
            
            Sintaxe
            
( <lista_parametros> ) : tipo_retorno => {
    //corpo
}
            Onde
            <lista_parametros>: lista de parâmetros separados por (,)
tipo_retorno: tipo de dado de retorno da função. Void opcional caso não haja retorno.
            Exemplo 2
            
let exp = (p1:number,p2:number): void => { console.log(p1,p2);}
exp(1,2);
            Saída
            1, 2
         
     
    
        Retornando função anônima
        
     
    
        
            
                Podemos utilizar uma função anônima em conjunto com a palavra reservada 
                return para que uma determinada função retorne uma função arrow.
            
            Sintaxe
            
( <lista_parametros> ) : Function => 
{
    return ( <lista_parametros> ) : tipo_retorno => {
        //corpo
    };
}
            Exemplo 3
            
function funcao(): Function 
{
    return (p1:number,p2:number): void => { console.log(p1,p2);}
}
let fnc = funcao();
fnc(1,2)
            Saída
            
1, 2
         
     
    
        Função arrow como parâmetro e argumento
        
     
    
        
            
                TS permite que passemos uma expressão arrow como argumento para uma função. 
                Para tal, basta criarmos uma função com o parâmetro, do tipo Function 
                para receber como argumento uma função anônima.
            
            Sintaxe
            
function nome_funcao(funcao_arrow:Function , <lista_parametros>) {
    //corpo
}
            Exemplo 4
            
let fnc:Function = (p1:number,p2:number): void => { console.log(p1,p2);}
function funcao(fun:Function,p1:number,p2:number){
    fun(p1,p2);
}
funcao(fnc,3,3)
            Saída
            3, 3
         
     
    
        Histórico de atualizações
        
     
    
        
            
                - 27/08/2025 - revisão 3 - ajustes: pontuais, target de links, objetivos e sintaxes
 
                - 13/09/2024 - revisão 2 - Introdução reescrita, troca de termo arrow/lambda por anônima e outras correções
 
                - 02/09/2024 - revisão 1 - Correção em links de objetivos
 
                - 27/02/2024 - versão inicial
 
            
         
     
    
            
            
                
                    
                    Os cursos oferecidos nesta página são cursos fornecidos por parceiros. Ao comprar um curso clicando
                em seu banner, você está ajudando a manter o projeto TutorialDev vivo. Os sites dos cursos parceiros utilizam cookies.