Skip to content

CoffeeScript TypeScript e JavaScript #4

New issue
New issue
Open
Open
CoffeeScript TypeScript e JavaScript#4
@biketrooper

Description

@biketrooper
biketrooper
opened on Aug 16, 2016

CoffeeScript, TypeScript e JavaScript



_
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Registre-se, leva apenas um minuto.

Registrar-se
Veja como funciona:
  1. Qualquer pessoa pode fazer uma pergunta
  2. Qualquer um pode responder
  3. As melhores respostas recebem votos positivos e sobem para os primeiros lugares
votar a favor 35 votar contra favorita
12

Entre os estudos de JavaScript, encontrei em alguns lugares muita gente sugerindo o uso de CoffeeScript ou TypeScript para acelerar o processo desenvolvimento.

Se entendi bem, ambos são como uma "metalinguagem", uma "maquiagem" que "melhora" a sintaxe convoluta do JavaScript e depois reescreve o seu código em JS.

Este entendimento está certo? Como funcionam o CoffeeScript e TypeScript? O que eles são de fato? Qual sua relação com o JavaScript e como eles podem ser usados no desenvolvimento web em lugar do JavaScript?

perguntada 15/05/14 às 20:48
Carlos Cinelli
7.8132159
comentar
votar a favor 36 votar contra aceitos

EcmaScript

Essa linguagem que todo mundo chama de JavaScript na verdade é a EcmaScript. A implementação mais conhecida dela é conhecida por JavaScript, por isto todo mundo usa este nome. É a primeira implementação, feita pela Netscape, que na verdade precede a EcmaScript, que é a padronização pela ECMA da linguagem que veio mais tarde. O padrão foi criado após outros fornecedores criarem suas próprias implementações. O Nome não permaneceu o mesmo porque JavaScript era uma marca da Netscape.

JavaScript

Essa é a linguagem universal que está disponível nos principais navegadores disponíveis no mercado. É a única linguagem que podem rodar em todos esses navegadores, então qualquer outra linguagem que queira rodar em um navegador deverá obrigatoriamente gerar um código fonte em JavaScript para que a execução seja possível. Então JavaScript se tornou o que seja chama linguagem alvo (target) para compiladores que desejam que o código final rode eme um navegador.

Mas JavaScript, como você bem escreveu, tem alguns problemas. Como o próprio nome sugere, ela foi criada para ser uma linguagem de script e não para fazer grandes sistemas. Como a evolução da web isso passou ser uma necessidade.

Muitas alternativas surgiram mas nenhum fornecedor de browsers quis colocar outra outra linguagem nele (quem colocou não conseguiu sucesso, até porque essa nova linguagem, desejável na minha opinião, teria que ser universal também).

Compilação para JavaScript

Daí surgiram as linguagens que são apenas camadas em cima de do JavaScript. Cada uma mirando resolver um problema específico.

Um compilador basicamente pega um conjunto de textos compreensíveis por humanos treinados com algumas regras, o processa e gera um conjunto de informações que são mais compreensíveis para um ambiente computacional, muitas vezes um processador, mas não necessariamente.

Estas linguagens são compiladas através de um compilador específico gerando um código JavaScript que qualquer navegador consegue entender sem nenhum intervenção. De fato o navegador nem sabe que havia uma camada anterior.

Normalmente estas linguagens (não só as duas citadas) não precisam e não disponibilizam bibliotecas para realizar tarefas extras. O máximo que elas têm são alguns códigos de runtime, só alguma coisa que seja necessária para atingir os objetivos traçados pela linguagem em si. Elas aproveitam tudo o que o browser oferece. Elas não precisam de suporte especial para conseguirem ser executadas ou obter melhor performance. Tudo isso continua sendo responsabilidade do JavaScript.

Portanto não há grande segredo. O principal é ter um compilador, é diferente de outras linguagens que exigem mais que uma simples compilação para serem úteis.

CoffeeScript

Uma linguagem que tem como objetivo principal tornar o código mais sucinto, e se inspira em Python. Além disso "conserta" alguns problemas do JavaScript. Melhorias:

  • operadores de comparação consertado, novos operadores e alias de outros;
  • declaração de variável e escopo;
  • tudo é expressão;
  • compreensão de laços;
  • expressões lambda simplificadas;
  • parâmetro default e quantidade variável;
  • facilidades para manipulação de array;
  • interpolação de string;
  • várias construções imperativas;
  • classes;
  • entre outras.

Podemos dizer que CoffeeScript é uma linguagem bastante diferente de JavaScript.

Tem uma comunidade crescente, melhorias de ferramentas mas tem uma adoção limitada.

TypeScript

Uma linguagem que propõe melhor organização do código JavaScript existente. Todo programa JavaScript é um programa TypeScript válido. A linguagem apenas adicionou alguns elementos novos, alguns até que podem ser usados já mas que estarão no EcmaScript 6. Melhorias:

  • tipagem opcionalmente estática;
  • classes, interfaces e mixins;
  • expressões lambda com sintaxe simples;
  • módulos;
  • enumeração;
  • generics;
  • parâmetros opcionais e com valores default;
  • tuplas;
  • union types;
  • alias de tipos;
  • entre outros.

Uma das grandes vantagens da linguagem é permitir uma melhor verificação do código e a construção de melhores ferramentas. De fato a Microsoft está investindo bastante nestas ferramentas. E não só ela. Apesar de ser uma tecnologia criada pela MS ela pode ser usada sem nenhum problema por quem não utiliza tecnologias Microsoft. Claro que uma das grandes vantagens da linguagem é ter apoio da IDE e nisto o Visual Studio está bem à frente.

TypeScript tem grande compatibilidade com os principais frameworks do mercado inclusive com tipagem estática onde não existia.

Para ver a linguagem em ação e tentar perceber melhor como a conversão é feita, brinque aqui.

Um exemplo de como um código é antes e depois da compilação:

class Hello {
    quem: string;
    constructor (mensagem: string) {
        this.quem = mensagem;
    }
    Diga() {
        return "Olá, " + this.quem;
    }
}

Compilado:

var Hello= (function () {
    function Hello(mensagem) {
        this.quem= mensagem;
    }
    Hello.prototype.Diga = function () {
        return "Olá, " + this.quem;
    };
    return Hello;
})();

Desvantagens

  • Estas linguagens adicionam um passo extra em cada alteração no código. Você precisa compilar da linguagem fonte para o JavaScript que é a linguagem alvo, sem isso não há como executar.
  • O processo de debug é mais complicado. Embora estão trabalhando para minimizar os problemas, criando ferramentas cada vez mais adequadas.
  • Podem ficar defasadas com as melhorias que o JavaScript venha ter.
  • Não resolvem um dos principais problemas do JavaScript que é a incompatibilidade entre navegadores. Ok, pode até não ser exatamente um problema da linguagem, mas afeta que a usa.
respondida 16/05/14 às 1:03
bigown♦
141mil18287498
comentar

votar a favor 11 votar contra

Exatamente. CoffeeScript e TypeScript são ambas linguagens que são convertidas em JavaScript por um (assim chamado) "compilador".

Enquanto o JavaScript é a linguagem de script que pode ser efetivamente interpretada e executada pelos navegadores web, o CoffeeScript e o TypeScript não são imediatamente executáveis. Não adianta, por exemplo, colocar CoffeeScript entre as tags <script> e </script> e esperar que o browser execute! :)

Como o código desenvolvido nessas linguagens precisa passar por um processo de "compilação" até se transformar em JS, geralmente se usam IDE's mais robustas que automatizam esta etapa.

DICA

Já que você está aprendendo JS, fica aqui minha dica: segue no JS puro! Evite jQuery e outros frameworks agora... JavaScript é uma linguagem muito simples, mas ao mesmo tempo muito poderosa. Quando você estiver manjando mais, recomendo fortemente o estudo do Angular; provavelmente você nunca vai precisar de mais nada além de JS + Angular!

respondida 15/05/14 às 21:25
Rui Pimentel
2.120318
comentar

Sua resposta

     

    Registre-se ou faça log-in

    Registre-se usando o Google

    Registre-se usando o Facebook

    Registre-se usando Email e Senha

    Publicar como convidado

    Nome
    E-mail

    Ao publicar sua resposta, você concorda com a política de privacidade e com os termos do serviço.

    Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag javascript typescript coffeescript ou faça sua própria pergunta.

    perguntada

    2 anos atrás

    acessada

    807 vezes

    ativas

    1 ano atrás
    Technology Life / Arts Culture / Recreation Science Other
    1. Stack Overflow
    2. Server Fault
    3. Super User
    4. Web Applications
    5. Ask Ubuntu
    6. Webmasters
    7. Game Development
    8. TeX - LaTeX
    1. Programmers
    2. Unix & Linux
    3. Ask Different (Apple)
    4. WordPress Development
    5. Geographic Information Systems
    6. Electrical Engineering
    7. Android Enthusiasts
    8. Information Security
    1. Database Administrators
    2. Drupal Answers
    3. SharePoint
    4. User Experience
    5. Mathematica
    6. Salesforce
    7. ExpressionEngine® Answers
    8. more (13)
    1. Photography
    2. Science Fiction & Fantasy
    3. Graphic Design
    4. Movies & TV
    5. Seasoned Advice (cooking)
    6. Home Improvement
    7. Personal Finance & Money
    8. Academia
    9. more (9)
    1. English Language & Usage
    2. Skeptics
    3. Mi Yodeya (Judaism)
    4. Travel
    5. Christianity
    6. Arqade (gaming)
    7. Bicycles
    8. Role-playing Games
    9. more (21)
    1. Mathematics
    2. Cross Validated (stats)
    3. Theoretical Computer Science
    4. Physics
    5. MathOverflow
    6. Chemistry
    7. Biology
    8. more (5)
    1. Stack Apps
    2. Meta Stack Exchange
    3. Area 51
    4. Stack Overflow Careers
    site design / logo © 2016 Stack Exchange Inc; user contributions licensed under cc by-sa 3.0 with attribution required
    rev 2016.8.16.3895



    Tags: js, #biketrooper-dev, coffeescript, typescript
    August 16, 2016 at 10:33AM
    Open in Evernote

    Metadata

    Metadata

    Assignees

    No one assigned

      Labels

      No labels
      No labels

      Projects

      No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions