30:T4d9,Variáveis e constantes são a parte mais elementar de qualquer programação. Tudo que você fizer, da coisa mais simples à mais complexa, envolverá um conjunto de variáveis que guardarão os dados utilizados, e os resultados dos procedimentos realizados. Mas isso é muito abstrato... tentemos lidar com a questão de forma mais concreta: se você quiser desenhar uma linha na tela, precisará definir um ponto inicial e um ponto final para isso; cada um destes pontos precisa de uma coordenada horizontal, e uma vertical, portanto, se são dois pontos, temos aí pelo menos 4 variáveis diferentes. Se acrescentar a isso a cor utilizada para desenhar a linha, teremos também no mínimo mais uma variável (mas que podem ser mais 3 ou 4 se você desejar quebrar a cor nos seus componentes RGB e transparência). No exemplo abaixo utilizamos 5 variáveis, `x1`, `y1`,`x2`,`y2` e `cor` para desenhar uma linha na tela. Você pode alterar seus valores no código para ver resultados diferentes. Não se preocupe com o que significa o resto do código neste momento, mas a instrução que efetivamente desenha o traço está na linha 18 do código, e utiliza as quatro variáveis para determinar quais são as coordenadas a serem usadas.31:T4f6,

### Strings --- *Strings* são um tipo de dado formado pelo conjunto de um ou mais caracteres. O conteúdo de uma variável do tipo *string* precisa ser declarado entre aspas: ```js let variavel = "Conteúdo da String entre aspas"; ``` Outros tipos de dados como valores numéricos ou *booleanos* (binários) não usam aspas. Um valor *booleano* é declarado assim: ```js let booleano = true; ``` Mas se você declarar o `true` entre aspas, ele não será um dado *booleano*, mas uma *string*: ```js let variavelString = "true"; ``` Os valores de uma *string* também podem ser declarados dentro de aspas simples. Isso pode ser útil quando queremos colocar as próprias aspas como conteúdo de uma *string*: ```js let simples = 'Este "texto" contém aspas'; ``` Uma terceira forma de *string* são as *string templates*. Elas permitem alguns recursos mais sofisticados como múltiplas linhas e a inclusão de valores dinâmicos incluídos através de variáveis no próprio conteúdo. As *string templates* são declaradas utilizando aspas tortas: ```js let valor = 3; let stringTemplate = ` Esta é uma String Template. Ela permite que linhas sejam puladas. Ela é uma das \${valor} formas de se declarar uma String. `; ```32:[] 2e:{"title":"Variáveis","cells":[{"id":0,"value":"# Variáveis","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"### Toda e qualquer informação fica guardada em variáveis","pinned":false,"hidden":false,"mode":"md"},{"id":8,"value":"\n----\n","pinned":false,"hidden":false,"mode":"md"},{"id":150,"value":"$30","pinned":false,"hidden":false,"mode":"md"},{"id":86,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":94,"value":"☞ *Utilizamos aqui a biblioteca P5 para trabalhar com elementos gráficos na tela. O editor já está preparado para trabalhar com esta biblioteca e este contexto, e por isso não é necessário se preocupar em escrever o código HTML que precede o javascript, pois tudo já está sendo feito pelo próprio editor. Isto também é feito nos editores do OpenProcessing e do próprio P5.js*","pinned":false,"hidden":false,"mode":"md"},{"id":178,"value":"
\n\n### Tipos de dados\n\n---\n","pinned":false,"hidden":false,"mode":"md"},{"id":182,"value":"Para o computador, todas estas informações, e muitas outras que você fizer uso em um programa, são apenas dados. E os dados possuem tipologias. Isso pode não parecer muito importante para nós (humanos), mas é fundamental para que o computador seja capaz de gerenciar sua memória, já que cada tipo diferente de dado demanda uma porção diferente dela.","pinned":false,"hidden":false,"mode":"md"},{"id":184,"value":"Javascript é uma linguagem **não-tipada**, isto é, você não precisa avisar com antecedência qual é o tipo de dado que estará usando em cada variável. O próprio interpretador fará o trabalho de identificar o tipo e ajustar tudo para você - mas o problema é que as vezes ele erra! E logo aqui começam nossos primeiros problemas com a linguagem: no intuito de facilitar a vida do programador, às vezes ela acaba interpretando mal aquilo que fazemos, e gerando falhas silenciosas que são difíceis de entender. É por isso que a qualifico como uma linguagem \"traiçoeira\".","pinned":false,"hidden":false,"mode":"md"},{"id":190,"value":"Nas linguagens **tipadas**, uma vez declarado o tipo, ele não pode mais ser mudado. Já em javascript, podemos mudar o tipo de dado a vontade e em qualquer momento. É por isso também que dizemos que se trata de uma linguagem muito flexível. Trabalhar com variáveis nela é realmente muito fácil, e não exige nenhum tipo de planejamento do código.\n\nEstes são os tipos de dados mais importantes:\n\n| Nome | Descrição | Exemplo |\n|------|-----------|---------|\n| Int | Números inteiros | -25 |\n| Float | Números com fração | 10.4 |\n| String | Texto / Caracteres | \"Algumas palavras\" |\n| Boolean | Binário (verdadeiro ou falso) | false |\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":195,"value":"Para que se compreenda o quanto uma linguagem **não-tipada** é mais simples de trabalhar, ao se fazer uma divisão, o resultado do cálculo pode produzir uma fração. Se há qualquer possibilidade de que isso aconteça, a variável que receberá o resultado precisa ser declarada antecipadamente como do tipo `float`. Mas isso não é necessário em javascript.","pinned":false,"hidden":false,"mode":"md"},{"id":198,"value":"Assim como na maioria das linguagens de programação, a declaração de uma variável pode dizer se aquele dado pode ser alterado ao longo do programa (uma variável realmente), ou se aquele dado permanecerá o mesmo e não poderá ser modificado (constante).\n\nPara declarar uma variável (que realmente varia), utilizamos a instrução `let`, indicamos o nome da variável que desejarmos, e lhe igualamos a um valor inicial, como no exemplo abaixo:\n\n```js\nlet X = 50;\n```\n\nSe a intenção for definir um dado que não se modificará de nenhuma maneira ao longo do programa, utilizamos a instrução `const`, com o mesmo procedimento:\n\n```js\nconst PI = 3.14;\n```","pinned":false,"hidden":false,"mode":"md"},{"id":225,"value":"$31","pinned":false,"hidden":false,"mode":"md"},{"id":248,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":257,"value":"☞ *O editor já está preparado para trabalhar diretamente com javascript, e por isso não é necessário se preocupar em escrever o código HTML que o precede, pois tudo já está sendo resolvido por ele.*","pinned":false,"hidden":false,"mode":"md"},{"id":203,"value":"

\n\n### Blocos e escopos\n\n---\n","pinned":false,"hidden":false,"mode":"md"},{"id":205,"value":"Em vários momentos ao longo do código você criará blocos de programação. Os blocos definem um trecho de código que pertencem a algum objeto ou elemento da programação, e são definidos dentro de chaves `{ }` como em:\n\n```js\nfunction draw() {\n stroke(cor);\n line(x1, y1, x2, y2);\n noLoop();\n}\n```\n\nNeste exemplo, aquilo que está definido entre as chaves `{ }` pertence à *função* `draw()`.\n\nQuando definimos uma variável dentro de um bloco, o que se chama tecnicamente de *variável de escopo*, o acesso aos dados que ela guarda estão limitados ao próprio bloco. Isto significa que em nosso código P5 lá em cima, a *função* `setup()` não tem acesso a nada que pertença à `draw()`, e vice-versa.\n\nSe quisermos que `draw()` e `setup()` tenham acesso a algum dado, este dado precisa ser declarado em um escopo em que ambas as *funções* também pertençam, isso pode ser feito declarando-se a variável fora dos blocos das *funções*, ou seja, a declaração será feita no mesmo nível hierárquico delas, como no exemplo abaixo:","pinned":false,"hidden":false,"mode":"md"},{"id":210,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":214,"value":"Declará-la no mesmo escopo neste exemplo não significa termos declarado a variável `A` antes das *funções*; a variável precisaria apenas ser definida antes das funções serem executadas (linhas 14 e 15) para que o código funcionasse. dizer que as *funções* e a variável `A` estão no mesmo escopo é dizer que todas pertencem ao mesmo bloco, que neste caso é o bloco geral (ou escopo geral).","pinned":false,"hidden":false,"mode":"md"},{"id":216,"value":"Há também uma forma de declararmos *variáveis globais* dentro de um bloco ou escopo. Isso é feito declarando a variáveis sem utilizar a instrução `let`.","pinned":false,"hidden":false,"mode":"md"},{"id":218,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":221,"value":"Este tipo de prática é considerada um pouco \"perigosa\", pois uma variável declarada desta forma pode ter seu valor alterado por qualquer parte do programa, e isso pode fugir ao controle ou produzir algo adverso.\n\nEm versões mais antigas da linguagem javascript, utilizávamos a instrução `var` no lugar de `let`. Isto continuará funcionando, mas desde a especificação ECMAScript 6 (ES6) em 2015, adotamos `let` como instrução de declaração de variávies.","pinned":false,"hidden":false,"mode":"md"},{"id":45,"value":"

","pinned":false,"hidden":false,"mode":"html"}],"files":"$W32","stdlib":"1","titling":"auto"}