Copyright (c) 2015-2017 Ralf S. Engelschall <[email protected]> <@engelschall>
Parcialmente com base em trechos de código de Luke Hoban.
Licenciado sob licença do MIT.
Esta é a fonte do site rse.github.io/es6-features/, uma pequena visão geral dos recursos atuais do Ecmascript 6 e uma comparação com seus antigos equivalentes do ECMAScript 5.
Por que foi configurado? A especificação Ecmascript 6 não é suficiente?
Foi configurado pelo cientista da computação e arquiteto de software Ralf S. Engelschall em março de 2015, a fim de promover o Ecmascript 6 nos projetos de engenharia de software ao seu redor e ter URLs favoráveis à mão para referenciar certos recursos do Ecmascript 6. Além disso, criar este site foi uma boa abordagem para Ralf S. Engelschall aprender o novo ECMAScript 6 se apresenta.
Onde posso encontrar o status quo do suporte do navegador atual para o ECMAScript 6?
Dê uma olhada na tabela de compatibilidade do ECMAScript atualizada com regularidade da Kangax. Lá, observe especialmente a coluna "Babel + Core-Js", pois é isso que pode ser alcançado hoje com transpiling (e isso é totalmente suficiente para a prática).
Onde posso encontrar o mais recente padrão ECMAScript 6?
O padrão final do ECMAScript 6 (ECMA-262) foi publicado em junho de 2015. Você pode encontrar o padrão no ecmascript.org.
Como posso usar o ECMAScript 6 se meu tempo de execução do JavaScript ainda não o suportar?
Use o incrível transpiler Babel. Para os ambientes Node.js/io.js, basta usar seu require
complicado. Para os ambientes do navegador, use Babel em conjunto com o BrowSerify e seu plug -in Babelify. Para outras ferramentas, consulte usando Babel. Se você quiser ver cenários pré-integrados, confira nosso projeto de irmãos ES6-Support para vários exemplos de código!
Por que o site padrão usa o estilo de açúcar sintático "reduzido" (sem semicolons) para o ECMAScript 6 e o estilo de açúcar sintático "tradicional" (com semicolons) para o Ecmascript 5?
O ECMAScript desde seus primeiros dias apoiou a inferência/inserção automática de semicolon, é claro. Mas as pessoas que codificam o ECMAScript 5 o iniciaram em uma época em que muitas ferramentas (especialmente os compressores do código -fonte) tiveram problemas quando os semicolons foram deixados de fora do código -fonte. Como conseqüência, a maioria dos codificadores do ECMAScript 5 manteve o estilo de codificação tradicional com semicolons como açúcar sintático, embora na maioria dos casos eles não sejam necessários. Mas esta época se foi hoje. Tanto o ECMAScript 6 quanto todas as ferramentas (incluindo compressores) suportam perfeitamente a inferência/inserção automática do semicolon hoje em dia. Como conseqüência, o ECMAScript 6 codificadores hoje em dia podem se livrar de quase todos os semicolons e remover a desordem do código -fonte. Ralf S. Engelschall é um forte promotor de reduzir o código -fonte ao mínimo. Portanto, em sua opinião pessoal, o ECMAScript 6 deve ser codificado com o mais açúcar sintático possível e, portanto, sem vírgula. Mas se você discordar, basta alternar o estilo mostrado no site. Se você precisar aplicar um estilo específico para os trechos de código ES6 e ES5 em seus favoritos, basta usar um dos seguintes URLs: F-Rumatures (Style Reduced) ou F-Features (estilo tradicional)
Ainda não entendo: por que devo usar o Ecmascript 6? O ECMAScript 5 parece suficiente.
O ECMAScript 5 é uma linguagem de programação agradável e decente, é claro. Mas por causa de sua história, ele tem alguns aspectos desagradáveis que o ECMAScript 6 finalmente resolve. Como a programação nunca é apenas realizar a funcionalidade necessária, é recomendável usar também o melhor idioma. O design do idioma do Ecmascript 6 é mais limpo que o ECMAScript 5, sua sintaxe aumenta a expressividade do seu código, diminui o código de caldeira necessário (por exemplo, function
vs. sintaxe de seta) e, especialmente, permite que você se livre de alguns hacks muito desagradáveis, mas necessários e alternativos, a partir de O ECMAScript 5 era (por exemplo, var self = this
). Portanto, o ECMAScript 5 pode ser suficiente, mas o Ecmascript 6, no entanto, é uma melhoria importante.
Encontrei um erro, como posso contribuir?
A origem é o arquivo do features.txt
, tudo o mais no rse.github.io/es6-features/s é gerado apenas com isso. Faça este projeto no Github, edite o arquivo features.txt
e, em seguida, envie uma solicitação de tração.
Você sabia mais listas de recursos do ECMAScript 6?