Compreendendo as funções JavaScript – uma explicação simples

Olá, eu sou Maneshwar. Estou trabalhando no FreedevTools Online atualmente construindo ** Um lugar para todas as ferramentas de desenvolvimento, códigos de trapaça e TLDRs*-um hub de código aberto gratuito, onde os desenvolvedores podem encontrar rapidamente e usar ferramentas sem qualquer aborrecimento de pesquisar em toda a Internet. O projeto é de código aberto aqui: FreedevTools.Dão me apoie, dando ao repo um ⭐ no Github-isso realmente ajuda! O JavaScript é uma linguagem de programação versátil e amplamente usada, alimentando tudo, desde sites simples a aplicativos da Web complexos. As funções em JavaScript estão no coração de sua lógica e estrutura. Neste blog, exploraremos vários aspectos das funções em JavaScript, variando de declarações simples a tópicos avançados, como recursão e fechamentos. Declaração de função básica Uma função no JavaScript é um bloco de código reutilizável que executa uma tarefa específica. Aqui está um exemplo básico de uma função que multiplica dois números: Função multiplique (a, b) {b = typeof b! == “indefinido”? b: 1; retornar a * b; } console.log (multiplicar (5)); // Saída: 5 Digite o modo de tela cheia de tela de saída completa do modo de tela cheia. Se B não for fornecido, o padrão é 1. O resultado é o produto de A e B. Esta é uma maneira comum de lidar com parâmetros padrão antes do ES6. Funções de seta Funções de seta Funções introduzidas no ES6 fornecem uma sintaxe mais curta para definir funções. Exemplo: const sayHello = () => {console.log (`Olá da função da seta!`); }; Sayhello (); // Saída: Olá da função de seta! Digite o modo de saída do modo de tela cheia por que usar funções de seta? Código menos caldeira. Nenhuma ligação disso, o que os torna ideais para retornos de chamada. Expressões de função inspiradas imediatamente (IIFE) Uma função é uma função que é executada imediatamente após a definição. Exemplo: (async () => {const x = 1; const y = 9; console.log (`Olá, a resposta é $ {x + y}`);}) (); Digite o modo de saída do modo de tela cheia, por que usar o IIFE? Cria um escopo privado. Evita poluir o espaço de nome global. Útil para tarefas assíncronas. Objeto de argumentos dentro de todas as funções que não são de marca, JavaScript fornece um objeto de argumentos que contém todos os argumentos passados ​​para a função. Exemplo: function greet () {console.log (argumentos[0]argumentos[1]); } Greet (‘Hello,’ World ‘); // Saída: Hello World Digite o modo de tela cheia de saída do modo de tela cheia Nota é parecida com a matriz, mas não uma matriz real. No código moderno, use os parâmetros REST: Função Greet (… args) {}. O escopo do escopo e da pilha de funções define onde uma variável ou função pode ser acessada. Tipos de escopo: escopo global: disponível em qualquer lugar do script. Escopo do módulo: usado ao trabalhar com módulos ES6. Escopo da função: definido nas funções. Escopo de bloco: definido dentro de aparelhos encaracolados {} como loops ou condicionais. Pilha de funções (pilha de chamadas) A pilha de chamadas mantém o controle da função executando e de onde é chamada. Ajuda o mecanismo JavaScript a gerenciar chamadas de função aninhadas. A recursão de recursão é quando uma função se chama para resolver instâncias menores do mesmo problema. Exemplo: função fatorial (n) {if (n <= 1) retorna 1; retornar n * fatorial (n – 1); } console.log (fatorial (5)); // Saída: 120 Digite o modo de saída de tela cheia do modo de tela cheia conceito sempre inclui um estojo base para evitar a recursão infinita. Scoping lexical O ambiente lexical define o contexto em que uma função foi criada. Determina como as variáveis ​​são resolvidas. Os fechamentos de fechamentos permitem que uma função acesse as variáveis ​​de seu escopo de anexo, mesmo depois que a função externa retornou. Exemplo: function Outer () {Let Counter = 0; Retornar função interna () {contador ++; console.log (contador); }; } const increment = Outer (); incremento(); // saída: 1 incremento (); // Saída: 2 Digite o modo de saída do modo de tela cheia por que os fechamentos são importantes? Eles ajudam a gerenciar o estado. Amplamente utilizado em manipuladores de eventos, retornos de chamada e padrões de privacidade de dados. Funções internas O JavaScript oferece inúmeras funções e métodos internos que simplificam as tarefas: parseint (): converte strings em números inteiros. setTimeout (): atrasa a execução da função. Math.Random (): gera números aleatórios. Array, string, data: inclua métodos internos como .map (), .filter (), .slice () para manipulação de dados. Exemplo: Console.log (Math.random ()); // produz um número aleatório entre 0 e 1 Digite o modo de tela cheia de saída de tela cheia Conclusão As funções de compreensão são essenciais para dominar o JavaScript. De definições básicas a conceitos avançados, como recursão e fechamento, as funções ajudam a escrever um código eficiente, sustentável e poderoso. Aprender esses tópicos completamente o diferenciará como desenvolvedor de JavaScript e permitirá que você lide com problemas do mundo real com confiança. Codificação feliz! Se você já lutou com tarefas repetitivas, comandos obscuros ou dores de cabeça, esta plataforma está aqui para facilitar sua vida. É gratuito, de código aberto e construído com desenvolvedores em mente. 👉 Explore as ferramentas: FreedevTools👉 Estrela o repo: FreedevTools

Fonte