Bem-vindos à nossa comunidade!

Junte-se a nós e faça parte hoje mesmo!

Aula: Organização Básica de um Código JS

Raquel

Membro
Cadastro
24/9/20
Postagens
198
Curtidas
192
Pontuação
100
Problemas na execução de código: code language not supported

Esse é um problema bem recorrente, já aconteceu até com o melhor de nós.

Maaaas, como ninguém nasce sabendo, tamos aqui para ajudar!

Isso pode estar acontecendo por dois motivos simples: ou as modificações não foram salvas, ou o código que está se tentando executar está na linguagem Plain Text.

E como resolvemos isso? Fácil!

Para a primeira opção a solução é, bem, salvar. Não tem muito como correr disso rs.

Mas, no segundo caso, a linguagem do código pode ser modificada clicando na opção "Plain Text" no canto inferior direito, como mostra a figura:

Barra Linguagens.png

Assim, vai abrir uma caixa de pesquisa onde pode-se escolher a linguagem de programação que se quer, daí é só salvar e em seguida o código deve rodar corretamente!
 
Last edited:

Raquel

Membro
Cadastro
24/9/20
Postagens
198
Curtidas
192
Pontuação
100
O quê que rola num código? Dentro dos parênteses? Fora dos parênteses? Dentro das chaves??

Calma, calma que vai dar tudo certo. Vamos lá para uma explicação top, usando de exemplo uma declaração de função.

As funções tem uma palavra reservada no JavaScript, que é function. Elas trabalham como uma "ordem", um "pedido", e você vai informar a elas o que você quer que seja feito. O exemplo mais simples que eu uso bastante é o de uma função chamada soma que vai realizar a soma de dois parâmetros.

Os parâmetros são o que você "passa" para a função, e o que você vai usar dentro dela para fazer o que se pede. É uma boa usar nomes de parâmetros bem explícitos, que deixem claro onde eles serão usados na função, ou para o quê eles estão servindo dentro dela.

Dentro da função, ou seja, dentro das chaves, você vai dizer o que você quer que seja executado naquela função, o que você quer que ela faça quando for chamada. Uma chamada de função é como se tivesse pedindo para alguém fazer aquilo ali; no nosso caso, estamos pedindo para a extensão CodeRunner executar o código para a gente.

Assim:

JavaScript:
function soma(numero1, numero2) {
    console.log(numero1 + numero2)
}
 
soma(2, 3)

O console.log é o que vai imprimir na sua tela o resultado da operação realizada. Ele pode ser muito útil no futuro, quando você quiser saber se um código está chegando até determinado ponto, realizando uma operação, acessando uma certa função. No nosso caso, ele só vai imprimir a soma dos parâmetros que foram passados, sendo esses numero1 e numero2.

A função só será executada se ela for chamada, que é o que acontece ali em soma(2, 3). Os parâmetros passados vão ser recebidos pela função de modo que numero1 = 2 e numero2 = 3. A função vai entender isso, vai realizar a operação e o valor retornado é 5.

No caso das funções, temos ainda as funções com retorno e sem retorno, que é esse caso do exemplo. Você pode ler mais sobre elas no seguinte link: Funções com e sem retorno.
 

Raquel

Membro
Cadastro
24/9/20
Postagens
198
Curtidas
192
Pontuação
100
Qual a diferença entre parâmetros e argumentos?

Os parâmetros representam o valor que uma determinada função, por exemplo, espera que você passe ao chamá-lo. A declaração do procedimento define seus parâmetros. Uma função que não recebe parâmetros, por exemplo:

JavaScript:
    function teste(){
        return "Funcionou!"
    }
    console.log(teste())

Você não precisa passar nada para ela já que nada é realmente feito dentro dela.

Já os argumentos representam o valor que você passa para um parâmetro de uma função quando chama a mesma.

Por exemplo:
JavaScript:
    function soma (operando1, operando2){ //aqui são os parâmetros recebidos pela função
        return console.log(operando1 + operando2)
    }
    soma(2, 3) //aqui são os argumentos passados para os parâmetros, onde operando1 = 2 e operando2 = 3

Os parâmetros definidos, portanto, são operando1 e operando2, e os argumentos passados para a função soma são 2 e 3.
 
Cadastro
23/12/20
Postagens
119
Curtidas
126
Pontuação
100
Cidade
Rio Branco
Qual a diferença entre parâmetros e argumentos?

Os parâmetros representam o valor que uma determinada função, por exemplo, espera que você passe ao chamá-lo. A declaração do procedimento define seus parâmetros. Uma função que não recebe parâmetros, por exemplo:

JavaScript:
    function teste(){
        return "Funcionou!"
    }
    console.log(teste())

Você não precisa passar nada para ela já que nada é realmente feito dentro dela.

Já os argumentos representam o valor que você passa para um parâmetro de uma função quando chama a mesma.

Por exemplo:
JavaScript:
    function soma (operando1, operando2){ //aqui são os parâmetros recebidos pela função
        return console.log(operando1 + operando2)
    }
    soma(2, 3) //aqui são os argumentos passados para os parâmetros, onde operando1 = 2 e operando2 = 3

Os parâmetros definidos, portanto, são operando1 e operando2, e os argumentos passados para a função soma são 2 e 3.

Interessante saber sobre os vocabularios de programação...muitas vezes ate sabemos o que significa a sentença, porem em certos cenarios nao sabemos como expressar.
 

Raquel

Membro
Cadastro
24/9/20
Postagens
198
Curtidas
192
Pontuação
100
Existe diferença entre usar parênteses () e chaves { }?

Tem diferença sim!

Como você disse, as chaves ( { } ) podem ser usadas para definir os blocos de código, como é possível notar em funções. Mas elas são usadas também para objetos!

Os parênteses são usados quando você quer passar alguma coisa (essa coisa é chamada de parâmetro) para uma função. Também são usados para chamar funções no geral, você pode inclusive não passar nada para a função.

Dessa maneira:

JavaScript:
const aluno = {
    nome: 'Fulano',
    curso: 'W-M'
} //usando chaves para definir objeto!
 
console.log(aluno.nome) //imprime Fulano
 
function saudacao() { //aqui a função não recebe nada dentro dos parenteses
    return "Olá!"
}
console.log(saudacao) //se você fizer desse jeito, ele imprime [Function: saudacao] que é o tipo do que você passou
console.log(saudacao()) //para chamar a função corretamente, precisa chamar com os parênteses!
 
function soma (num1, num2) { //essa função aqui já recebe dois parâmetros, num1 e num2
    return num1 + num2
}
console.log(soma(2,3)) //para ela funcionar corretamente você precisa passar alguma coisa para ela...
console.log(soma()) //caso contrário ela retorna NaN (Not a Number)
 
Top