CoffeeScript Basics

CoffeeScript É uma linguagem de programação completa, permite-nos expressar todas as nossas instruções na sua sintaxe e depois ao compilar teremos um resultado, o particular do caso é que este resultado que iremos obter é um novo ficheiro de código, que acabam sendo instruções JavaScript.
Essa particularidade nos leva a entender que CoffeeScript é uma forma de programação em JavaScript com uma sintaxe moderna e limpa facilitando assim a leitura do código, mas compatível com o que existe no mundo web uma vez que o arquivo resultante é JavaScript Puro, o melhor de tudo é que se trata de um código otimizado e que cumpre as melhores práticas, por isso se lermos os resultados obteremos conhecimento dos mesmos, melhorando assim a nossa codificação nesta última linguagem.
RequisitosPara o acompanhamento deste tutorial e seus exemplos, vamos precisar de uma instalação funcional do CoffeeScript, um editor de texto como Texto Sublime ou outra da preferência de cada um, e permissões em nossa equipe para poder rodar o compilador de CoffeeScript.
As variáveis São atribuições que fazemos de valores a espaços de memória e que têm um nome único dentro da execução do programa, para saber qual o valor que este espaço tem. É um dos conceitos mais básicos da programação, mas também um dos mais poderosos, pois são os que nos permitirão ajudar na execução de nossos algoritmos.
A atribuição de variáveis ​​em CoffeeScript É muito simples, apenas indicamos o nome seguido de uma igualdade e o valor da referida variável. Os nomes podem ser qualquer palavra ou letra seguida de números ou sublinhados, sempre lembrando que são diferentes das palavras reservadas do idioma.
Um exemplo simples é o seguinte:

 marcador = 3

Vamos executar este exemplo simples em nosso console CoffeeScript, para isso acessamos nosso console de comando e digite café, vamos ver a resposta do console ao executar nosso exemplo:

Como podemos ver, a atribuição imprime de volta o valor que aplicamos à variável, onde após chamá-la, seu valor é impresso.
Agora o que acontece se quisermos adicionar várias variáveis ​​e atribuir o valor a uma variável geral, isso funciona de forma semelhante ao que acabamos de ver, por exemplo:

 a = 2b = 3c = a + b

Se imprimirmos c devemos ter como resultado 5, vamos ver a resposta do console:

Agora que entendemos como a atribuição de variáveis ​​funciona em CoffeeScript Vamos ver o que podemos fazer quando compilamos, o que faremos é criar um arquivo de exemplo chamado variáveis. café e então vamos compilá-lo, desta forma obteremos um arquivo variables.js que podemos analisar. Em variáveis. café vamos colocar o seguinte:

 a = 3 * 2b = 2c = a * bd = c - 1

Agora vamos ver o que resulta da compilação de nosso arquivo digitando no console: coffee -c variables.coffee.

PROLONGAR

Na imagem podemos ver o conteúdo do arquivo variables.js, como vemos CoffeeScript transformou nossas instruções em código JavaScript, onde reconhecemos que a primeira coisa que ele fez foi inicializar as variáveis ​​a serem usadas com a palavra-chave var, também notamos que cada instrução termina com um ponto e vírgula (isso é algo que não é necessário em CoffeeScript a menos que queiramos executar duas instruções na mesma linha.
Há momentos em que precisamos fazer comparações, e dependendo do resultado um código é executado ou não, para isso podemos primeiro usar o bloco E se, onde podemos perguntar se uma condição é atendida e, se for, o conjunto de instruções é executado.
Como funciona no CoffeeScriptUma das peculiaridades que possui CoffeeScript é que não precisamos usar colchetes ou parênteses para fazer blocos condicionais, mas devido a essa ausência precisamos imperativamente de usar recuo, ou seja, tudo o que é conteúdo de um bloco precisa receber um espaço ou tabulação para que sejam não na mesma linha de nível.
Vamos ver neste exemplo uma comparação simples:

 if true == true console.log "Fizemos nosso primeiro if"

Aqui podemos notar em primeiro lugar que não há parênteses para agrupar a condição, nem as chaves para agrupar o bloco, na segunda ordem a função console.log não no mesmo nível de instrução E se, é a única maneira que tem CoffeeScript saber que este último está contido no bloco condicional, pois do contrário, seria executado independentemente de a condição ser atendida ou não.
Vamos ver um pequeno exemplo para demonstrar tudo o que aprendemos, no código a seguir teremos um bloco E se com uma condição e se isso for cumprido uma parte do código é executada, teremos uma instrução que será executada independentemente da condição, a única diferença entre as duas instruções é que aquela que é executada com a condição é indentada e a próxima um não é. Vamos criar um arquivo chamado example_if.coffee e nele incluiremos as seguintes linhas de código:

 a = 5b = 3se a> b console.log "a for maior que b" console.log ", isso é executado independentemente da condição"

Compilamos e na imagem seguinte podemos ver o arquivo .js resultante:

Podemos então notar como o bloqueio E se Agrupa com chaves o que será executado quando a condição for atendida, por outro lado, o que for executado independentemente dele é deixado de fora do grupo. Para mostrar que tudo isso é verdade, vamos modificar o código e também indentar a segunda instrução, nosso código seria o seguinte:

 a = 5b = 3se a> b console.log "a for maior que b" console.log ", isso é executado independentemente da condição"

Vamos compilar mais uma vez e ver o resultado na seguinte imagem:

Fica assim demonstrada a importância da indentação, que além de nos dar um código mais legível, nos permite variar o contexto de execução do nosso programa.
No exemplo anterior temos um caso particular, isto é, se a condição não for atendida, todo o resto é executado, mas se quisermos avaliar uma segunda condição, ou simplesmente se a condição não for atendida, execute outra coisa e siga nosso programa. Para resolver este tipo de situação, temos as instruções outro Y mais se, seu uso é muito semelhante a E se, simplesmente coloque a condição após a palavra-chave na próxima linha com um recuo.
Vejamos o seguinte código de exemplo, no qual avaliaremos uma condição e se for atendida imprimiremos algo, caso contrário faremos uma impressão diferente e então nosso programa continuará:

 a = 5b = 3se a> b console.log "a é maior que b" senão console.log "a não é maior que b" console.log "Esta linha é sempre executada"

Prosseguimos para compilar nosso programa e veremos o arquivo .js resultando na seguinte imagem:

No exemplo a seguir vamos avaliar uma segunda condição caso a primeira não seja atendida, com isso já teremos controle total desta ferramenta de avaliação em sua fase básica e veremos o funcionamento do mais se:

 a = 5b = 7c = 8se a> b console.log "a é maior que b" else if a> c console.log "a é maior que c" else console.log "a não é maior que b ou c" console .log "Esta linha é sempre executada"

Em seguida, notamos como diferentes condições podem ser avaliadas e, no final, se nenhuma for atendida, executamos um código, notamos como a compilação resultante se agrupa com uma sintaxe perfeita de JavaScript nossas instruções:

Em CoffeeScript uma nova forma de avaliação está incluída e é com a palavra-chave a não ser que, isso avalia uma expressão em termos de verdadeiro ou falso, por exemplo, uma condição poderia ser feita onde dizemos "a menos que a seja maior que b, execute o seguinteNo entanto, isso é um pouco difícil de ver de uma forma teórica. Para isso, vamos examinar o código diretamente:

 a = 5b = 8 a menos que a> b console.log "b é maior que a"

Onde, se compilarmos este pequeno programa, ele nos dá o seguinte código como resultado JavaScript:

Vemos como fazemos uma avaliação da expressão se ela não for verdadeira, é um pouco complexo de assimilar à primeira vista, mas uma vez que tenhamos apreendido o fio, é uma das expressões mais úteis, especialmente quando devemos fazer condicionalidades complexas .
Com isso podemos encerrar este tutorial de fundamentos de desenvolvimento de CoffeeScriptClaro, esta é apenas a ponta do iceberg em termos de desenvolvimento com esta linguagem, no entanto, é um bom começo para que possamos começar a implementar várias coisas em nossos programas e contornar o fato de que o JavaScript pode ser programado de uma vez forma mais limpa e legível.