Jonas Castro

Fundamentos de programação com JavaScript

Fala galera, beleza ?
Nesse artigo vamos entender alguns fundamentos básicos da programação com a linguagem JavaScript. Exemplo: variáveis, tipos de declarações e por aí vai...

Variáveis

As variáveis são valores que podem ser alterados e as constantes são valores fixos que não podem ser alterados. Pronto tá explicado !! Brincadeira vamos ver exemplos.

Para criar variáveis em JavaScript precisamos definir o tipo da declaração que são: var, let e const. O valor que vai ser registrado e o identificador


Sintaxe: TIPO_DE_DECLARAÇÃO IDENTIFICADOR = VALOR

Exemplo var teste = 30

Identificador

O identificador seria o nome da variável e existem alguns regras para escolher um identificador:

  • Deve ser único
  • Não pode ter espaços em branco nem símbolos especiais exceto _
  • Não pode iniciar com número
  • Não pode ser uma palavra reservada: double, else, if, new e etc

Exemplos:

  var pi = 3.14159
  var aluno = "John"
  var data = "05/04/2020"

Tipos de declarações

Assim como é descrito na documentação

  • var: Declara uma variável, que pode ou não ser iniciada com um valor.

    Exemplo:

    var teste_01 = 10
console.log(teste_01)
//Result => 10

teste_01 = 20
console.log(teste_01)
//Result => 20



  • let: Declara uma variável local de escopo do bloco que pode ou não ser iniciada com um valor.

    Exemplo:

    let teste_01 = 10
console.log(teste_01)
//Result => 10

teste_01 = 20
console.log(teste_01)
//Result => 20



  • const Declara uma constante de escopo de bloco que não pode ser alterada. O exemplo abaixo apresenta o comportamento quando se tenta alterar um constante

    Exemplo:

    const pi = 3.14159
console.log(pi)
//Result => 10

teste_02 = 20
//Result => Uncaught TypeError: Assignment to constant variable.

Operadores

Existem alguns tipos de operadores são

Operadores de atribuição:

Atribui um valor para a variável baseado no valor do operando à direita.

Exemplos:

  • Atribuição:

      //Atribui o valor 40 a variável x
  var x = 40

  • Atribuição de adição

      //Atribui o valor 20 a variável x
  var x = 20
  //Atribui o valor 10 a variável y
  var y = 10

  //Soma o valor de x que é 20 mais y que é 10 e atribui a soma(30) para x
  x += y

  • Atribuição de subtração

      //Atribui o valor 20 a variável x
  var x = 20
  //Atribui o valor 10 a variável y
  var y = 5

  //Subtrai o valor de x que é 20 do valor de y que é 5 e atribui o valor da subtração(15) para x
  x -= y

Esses são apenas alguns dos operadores de atribuição. Para mais exemplos acesse: link

Operadores de comparação:

O operador de comparação compara valores e retorna um valor lógico que define se a comparação é verdadeira ou não.

Exemplos:

  • Igual (==): Retorna verdadeiro caso os operandos sejam iguais.

      var a = 40
  var b = 10
  var c = 10

  a == b // retorna falso
  a == c // retorna verdadeiro

  • Não igual (!=): Retorna verdadeiro caso os operandos não sejam iguais.

      var a = 40
  var b = 10
  var c = 10

  a != b // retorna verdadeiro
  a != c // retorna falso

  • Maior que (>) Retorna verdadeiro caso o operando da esquerda seja maior que o da direita.

      var a = 40
  var b = 10
  var c = 10

  a > b // retorna verdadeiro
  a > c // retorna verdadeiro
  b > c // retorna falso

Esses são apenas alguns dos operadores de comparação. Para mais exemplos acesse: link

Operadores de comparação:

O operador de comparação compara valores e retorna um valor lógico que define se a comparação é verdadeira ou não.

Operadores lógicos utilizam valores lógicos e retornam valores lógicos na maioria das vezes. Os operadores lógicos são: AND lógico (&&), OU lógico (||) e NOT lógico (!).

Bom além dos operadores apresentados acima, que considero os principais, exitem vários outros que você pode obter mais detalhes em Expressões e operadores

Estrutura Condicional

As estruturas condicionais são tomadas de decisões que avaliam uma condição lógica.

Exemplo: Se encontrar o seu amigo (condição) então entregue o presente (decisão 01), senão entregue para a mão dele (decisão 02),

Isso pode ser escrito utilizando as palavras reservadas if e else

Exemplo:

   var encontrou_o_amigo = true

   if(encontrou_o_amigo){
     console.log("Entregando o presente...")
   }
   else {
     console.log("Entregando para a mão...")
   }

Simples assim.



Por hoje é só. Com esse artigo já temos uma noção para os fundamentos da programação. Com sugestão pesquisem sobre os laços e iterações de que também são muito utilizados na programação. Segue uma link sobre Laços e iterações em JavaScript

Links