Pular para o conteúdo principal

JS - Funções

Quando precisamos armazenar uma rotina de modo que um mesmo trecho de código possa ser executado diversas vezes sem a necessidade de repetição da codificação lançamos mão desse artificio, também muito comum entre as mais diversas linguagens de programação.

No Javascript sua criação e utilização são muito comuns, podemos dizer que não existem aplicações reais sem funções, logo nesse primeiro contato destacaremos algumas de suas principais características:

Definição

Por definição, uma função é um bloco de código nomeado que pode ser executado a partir do operador "()".

Estrutura

Possui como estrutura minima a palavra reservada "function" o "nome" utilizado para sua identificação, seguido do operador "()" e um bloco de conteúdo, determinado por "{}".

function soma() {}

É importante destacar aqui que, para utilizar uma função devemos obrigatoriamente saber seu nome e utilizar o operador de execução, ou seja, para executarmos uma função cujo nome seja "soma" precisaríamos digitar: 

soma()

Vale ressaltar que no exemplo acima nossa função não faz nada, uma vez que seu bloco de código, delimitado por "{}" esta vazio.

Escopo

Podemos considerar como escopo o domínio sobre determinados recursos, ou seja, quando falamos que uma função possui escopo estamos afirmando que tudo aquilo que esta codificado na função pertence apenas a ela, não sendo possível acessar externamente.
Para exemplificar vamos considerar o exemplo abaixo:

function novaSoma() {
    var resultado = 1 + 2;
}

Sobre a função acima:

  • Perceba o uso do ";", ele determina o encerramento de uma instrução, ou seja, na função "novaSoma" temos uma instrução a ser executada;
  • Temos dentro do escopo da função "novaSoma" a variável "resultado", se tentarmos acessar essa variável não conseguiremos pois ela pertence a um escopo definido, podendo ser acessado apenas dentro desse escopo;
  • Se tentarmos executar a função "novaSoma" temos como resultado o valor "undefined" pois essa função não nos retorna nada;
  • Se tentarmos acessar a variável "resultado" temos um erro pois não temos acesso ao escopo da função;


Retorno

Na maioria dos casos sempre teremos uma função que, alem de executar uma instrução também nos retornara o resultado da mesma, é ai que entra a palavra reservada "return":

function outraSoma() {
    var resultado = 1 + 2;
    return resultado;
}

Sobre a função acima:

  • A nova função tem duas instruções a serem executadas, a soma dos números "1" e "2" armazenada na variável "resultado" e o retorno do valor contido na variável "resultado";
  • Ao executar a função temos como resultado o valor "3";
  • Mesmo recebendo o valor da variável "resultado" continuamos sem a capacidade de manipular a mesma pois o escopo continua pertencente a função;


Argumentos ou parâmetros

Outro recurso muito importante das funções é a capacidade de receber valores a serem processados, com isso temos funções que são capazes de produzir resultados diferentes de acordo com a parametrização recebida:

function somarDoisNumeros(a, b) {
    var resultado = a + b;
    return resultado;
}

Sobre a função acima:
  • Agora, além do nome da função também precisamos informar valores para os parâmetros, dentro do operador de execução (em nosso exemplo, caso os parâmetros não sejam informados temos como resultado "NaN" (not a number), pois variáveis que não são números passarão por uma execução, soma, que exige o uso de números);
  • Dessa forma temos uma rotina que pode ser reutilizada sempre que for necessário saber o resultado da soma de dois valores;

Comentários

Mais visitadas

Array no PL/SQL (Oracle)

Trabalhar com estruturas indexadas pode nos poupar muito trabalho, deixar o código mais limpo e reutilizável, pois bem vamos dar um exemplo de como fazer isso no PL/SQL. Criaremos um tipo table que seja capaz de armazenar nomes de uma tabela de funcionários de forma indexada, e em seguida mostraremos o que foi armazenado, segue o código: 1: declare 2: -- tipo tabela contendo apenas texto e indexado 3: type TipoNomFunc is table of varchar 2(200) index by binary_integer; 4: -- variável do nosso tipo (como nosso tipo é indexado ele funcionará como um array) 5: func TipoNomFunc; 6: -- indice para loop 7: indice number := 1; 8: -- 9: begin 10: -- 11: -- cursor para nossa tabela de funcionarios 12: for emps in ( 13: select * 14: from funcionarios 15: ) 16: loop 17: -- colocamos o nome do funcionario em nosso "vetor" 18: func(indice) := emps.nom_funcionario; 19: -- incrementamos o indice 20:...

Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker

Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker Neste guia, vamos criar uma aplicação básica que acessa um banco de dados PostgreSQL e realiza operações CRUD (Create, Read, Update, Delete). Vamos usar Flask e executar tudo com Docker. Sem estilos ou extras, apenas o essencial. Estrutura do Projeto crud-app/ |-- app/ | |-- app.py | |-- templates/ | | |-- index.html | | |-- edit.html |-- Dockerfile |-- requirements.txt |-- docker-compose.yml Passo 1: Dependências Crie um arquivo requirements.txt com as seguintes linhas: Flask==2.2.2 Flask-SQLAlchemy==3.0.2 psycopg2-binary==2.9.3 Werkzeug==2.2.2 Passo 2: Aplicação Flask Arquivo app/app.py : from flask import Flask, render_template, request, redirect, url_for from flask_sqlalchemy import SQLAlchemy app = Flask(__name__) # Configuração do banco de dados app.config['SQLALCHEMY_DATABASE_URI'] = 'postgresql://user:password@db:5432/crud_db' app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False db...

Aplicação Flask usando Nginx e Gunicorn

Aplicação Flask usando Nginx e Gunicorn Se você já desenvolveu uma aplicação Flask básica, sabe que o servidor de desenvolvimento embutido não é ideal para produção. Ele não é projetado para lidar com altos volumes de tráfego ou conexões simultâneas. Para tornar sua aplicação Flask mais robusta e pronta para produção, podemos usar o Gunicorn como servidor de aplicação e o Nginx como proxy reverso. Neste artigo, vamos adaptar o exemplo anterior ( Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker ) para incluir o Nginx e o Gunicorn. O que são Nginx e Gunicorn? Gunicorn O Gunicorn (Green Unicorn) é um servidor de aplicação WSGI que roda aplicações Python como o Flask. Ele é eficiente e simples de configurar, lidando com múltiplas requisições ao mesmo tempo, algo que o servidor embutido do Flask não faz bem. Nginx O Nginx é um servidor web que atua como um proxy reverso. Ele recebe requisições HTTP e as encaminha ao Gunicorn. Além disso, o Nginx pode: Servir arquivos ...