Função JavaScript e expressões de função (com exemplos)

Neste tutorial, você aprenderá sobre a função JavaScript e as expressões de função com a ajuda de exemplos.

Função JavaScript

Uma função é um bloco de código que executa uma tarefa específica.

Suponha que você precise criar um programa para criar um círculo e colorir. Você pode criar duas funções para resolver este problema:

  • uma função para desenhar o círculo
  • uma função para colorir o círculo

Dividir um problema complexo em partes menores torna seu programa fácil de entender e reutilizável.

JavaScript também tem um grande número de funções embutidas. Por exemplo, Math.sqrt()é uma função para calcular a raiz quadrada de um número.

Neste tutorial, você aprenderá sobre as funções definidas pelo usuário.

Declarando uma função

A sintaxe para declarar uma função é:

 function nameOfFunction () ( // function body )
  • Uma função é declarada usando a functionpalavra - chave.
  • As regras básicas para nomear uma função são semelhantes a nomear uma variável. É melhor escrever um nome descritivo para sua função. Por exemplo, se uma função é usada para adicionar dois números, você pode nomear a função addou addNumbers.
  • O corpo da função está escrito dentro ().

Por exemplo,

 // declaring a function named greet() function greet() ( console.log("Hello there"); )

Chamando uma função

No programa acima, declaramos uma função chamada greet(). Para usar essa função, precisamos chamá-la.

Veja como você pode chamar a greet()função acima .

 // function call greet();
Trabalho de uma função em JavaScript

Exemplo 1: exibir um texto

 // program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();

Resultado

 Olá!

Parâmetros de Função

Uma função também pode ser declarada com parâmetros. Um parâmetro é um valor que é passado ao declarar uma função.

Trabalho de função JavaScript com parâmetro

Exemplo 2: função com parâmetros

 // program to print the text // declaring a function function greet(name) ( console.log("Hello " + name + ":)"); ) // variable name can be different let name = prompt("Enter a name: "); // calling function greet(name);

Resultado

 Digite um nome: Simon Hello Simon :)

No programa acima, a greetfunção é declarada com um nameparâmetro. O usuário é solicitado a inserir um nome. Então, quando a função é chamada, um argumento é passado para a função.

Nota : Quando um valor é passado ao declarar uma função, é chamado de parâmetro . E quando a função é chamada, o valor passado é chamado de argumento .

Exemplo 3: adicionar dois números

 // program to add two numbers using a function // declaring a function function add(a, b) ( console.log(a + b); ) // calling functions add(3,4); add(2,9);

Resultado

 7 11

No programa acima, a addfunção é usada para encontrar a soma de dois números.

  • A função é declarada com dois parâmetros ae b.
  • A função é chamada usando seu nome e passando dois argumentos 3 e 4 em um e 2 e 9 em outro.

Observe que você pode chamar uma função quantas vezes quiser. Você pode escrever uma função e chamá-la várias vezes com argumentos diferentes.

Retorno de Função

A returninstrução pode ser usada para retornar o valor para uma chamada de função.

A returndeclaração indica que a função foi encerrada. Qualquer código posterior returnnão é executado.

Se nada for retornado, a função retorna um undefinedvalor.

Trabalho da função JavaScript com declaração de retorno

Exemplo 4: soma de dois números

 // program to add two numbers // declaring a function function add(a, b) ( return a + b; ) // take input from the user let number1 = parseFloat(prompt("Enter first number: ")); let number2 = parseFloat(prompt("Enter second number: ")); // calling function let result = add(number1,number2); // display the result console.log("The sum is " + result);

Resultado

 Insira o primeiro número: 3,4 Insira o segundo número: 4 A soma é 7,4

No programa acima, a soma dos números é retornada pela função usando a returninstrução. E esse valor é armazenado na variável de resultado.

Benefícios de usar uma função

  • A função torna o código reutilizável. Você pode declará-lo uma vez e usá-lo várias vezes.
  • A função torna o programa mais fácil, pois cada pequena tarefa é dividida em uma função.
  • A função aumenta a legibilidade.

Expressões de função

Em Javascript, as funções também podem ser definidas como expressões. Por exemplo,

 // program to find the square of a number // function is declared inside the variable let x = function (num) ( return num * num ); console.log(x(4)); // can be used as variable value for other variables let y = x(3); console.log(y);

Resultado

 16 9

No programa acima, a variável x é usada para armazenar a função. Aqui, a função é tratada como uma expressão. E a função é chamada usando o nome da variável.

A função acima é chamada de função anônima.

Nota: No ES2015, as expressões JavaScript são escritas como funções de seta. Você aprenderá sobre eles em tutoriais posteriores.

Artigos interessantes...