ECMAScript 8 (ES8) ou ECMAScript 7 (ES7) foi lançado oficialmente o ano passado-final de junho por TC39 (o que é TC39? Comité técnico 39, que é o Comité oficial para a evolução do Javascript. Este comitê realiza reuniões regularmente e geralmente os membros são vendedores de navegador ). Agora o padrão é publicar novas especificações uma vez por ano. A ES5 foi publicada em 2009 e, depois disso, o lançamento principal foi a ES6 em 2015, a ES7 em 2016, A Es8 em 2017, A Es9 em 2018, A Es10 em 2019.
Leia Também: CronJ INTERFACE do usuário (UX Design Empresa
Es7, Es8, Es9, e Es10 Características:
neste artigo, você vai aprender a utilizar todos os novos recursos do JavaScript ES7, ES8, ES9, e ES10 temos para lhe oferecer exemplos:
Propriedades de Classe :
Você pode inicializar as propriedades de classe fora do construtor!Exemplo:
class Animal { constructor() { this.name = "Lion" } age = 0;}That will be complied to: class Animal { constructor() { this.age = 0; this.name = "Lion"; } }Especially react developers can relate easily state! and initialProps!: class Animal { constructor() { this.name = "Lion" } age = 0; state = { } initialProps = { } }BabelJs.IO pode ser usado para testar todas as novas características do ECMA, você pode configurar presets e testar. Aqui está um exemplo de execução em babeljs.io Exemplo
Sim, da mesma forma, você pode usar o Javascript agora!.
string.padEnd () e string.funções padStart ():
esta é apenas uma maneira de adicionar caracteres extras para o final ou para o início de uma string.
string.padStart ()
the padStart() method pads the current string with another string (repeated, if needed) so that the resulting string reach the given length. O enchimento é aplicado desde o início (à esquerda) do texto actual.Exemplo:
string.padEnd ():
o método padEnd() cobre a cadeia de corrente com uma dada cadeia (repetida, se necessário) de modo que a cadeia resultante atinja um dado comprimento. O enchimento é aplicado a partir do fim (à direita) da cadeia de caracteres actual.
Por exemplo :
Operador Exponencial:
O operador de exponenciação retorna o resultado de elevar o primeiro operando ao poder que o segundo operando. O operador de exponenciação é associativo à direita. a ** b ** c é igual a a ** (b ** c). Exemplo:
vírgula final:
vírgula final é permitido em um array, objeto e parâmetros de função. Agora, isto não é grande, mas é bom se, no caso de nos esquecermos de fechar ou melhor, terminar uma vírgula Se estamos listando um monte de itens, não importa se incluirmos esse último extra.Exemplo:
var list = var obj = { one: "1", two: "2", three: "3", // It is valid}function add( one, two, three, // It is valid) {}Protesto.valores() e objeto.entrada():
esta é uma forma de tratar os nossos objectos como dicionários onde podemos obter os nomes dos parâmetros e os nomes reais ou melhor, os nomes dos Campos e os valores reais associados a eles por valores ou entradas respectivamente.
Object.valores ()
está familiarizado com o objecto.chave(). Isto é exatamente o oposto de objeto.chave().Exemplo:
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40 }var totalVegetables = Object.values(fruits).reduce((a, b) => a + b);console.log(totalVegetables);Saída: 100
Objecto.entradas()
Object.entries() o método retorna uma matriz da propriedade enumerável de um dado objeto pares.Exemplo :
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40}for (var of Object.entries(fruits)) { console.log(key, val);}Resultado:
apple 10
orange 20
uvas 30
ananás 40
array.prototipo.includes ()
This is just yet another array function it is way juiced to just determine if an array contains a value.
Async Functions
In es8 we have asynchronous functions, this is again a massive new feature. Funções assíncronas são funções que não funcionam uma após a outra que seriam síncronas, em vez disso, funcionam em paralelo e nos permitem executar várias funções ao mesmo tempo.
object.getOwnPropertyDescriptors ()
como uma forma de imprimir uma grande descrição de cadeia de um objeto em todas as suas entidades.
ES9 Características:
RegEx alterações
Então, essa é a expressão regular alterações, para ser honesto, eu pessoalmente não gosto de usar expressões regulares, quando possível, e eu achei, na verdade, não tem que usá-los muito, então nós realmente não estar cobrindo as expressões regulares alterações tanto no entanto, se você está super interessado você pode definitivamente verificar os para fora ES9 tenha adicionado a um grupo de apoio.
propriedades de repouso/propagação
estas são realmente fixes que nos permitem essencialmente construir intervalos de valores através da utilização de três elipses juntas, o que permite ao compilador interpretar os valores que vêm a seguir numa série de valores.
iteração assíncrona
esta é, na verdade, a última grande e apenas presta um apoio mais poderoso à nossa funcionalidade assíncrona.Características:
então a versão Chrome 72 acabou de sair, alguns novos excitantes ES10 que é ES 2019 recursos em seu navegador para os desenvolvedores a usar, então vamos dar uma olhada em que novos recursos temos na ES10 para procurar.
Array.flat()
começando com flat() e flatmap (), por isso, se tiver uma lista como na imagem abaixo, isto poderá ver que poderá apenas consolar.regista isto e tens um monte de matrizes aninhadas.
assim, se você quiser nivelar todo este array você tem que usar recursão ou você sabe que você tem que fazer algo usando algum tipo de algoritmo bem.
felizmente agora JavaScript fornece-o por padrão fazendo uso de .plano() que irá nivelar recursivamente a sua lista até ao nível que indicar. So, flat().
apenas especifique os níveis, achata-o para um nível se o fizer duas vezes, achatá-lo-á para dois níveis.
se você quiser achatar toda a matriz, você pode simplesmente passar um infinito e ele vai achatar toda a sua matriz de arrays aninhados para uma maneira mais limpa.
Array.flatmap ()
similarmente, nós temos flatmap () que funciona praticamente como um mapa se você fizer o mapa X e retornar vamos dizer (x, x*2) Se você consola.regista o resultado que vais ver que vais ter um array que se parece com algo mostrado na imagem abaixo.
mas se você vai fazer você o flatmap() lá, você não conseguiu um bom conjunto achatado para o seu resultado.
object.fromentries ()
chegando ao número dois temos objeto.fromentries() que, basicamente, você sabe que entre o objecto e o ponto de entradas de nós poderia ir em frente e criar estes pouco agradável pares de valor-chave de matrizes de valor-chave direito, mas agora você pode apenas ir em frente e obter o seu original
objeto de volta a partir desta matriz específica usando o objeto de formulário de inscrições e se você não pode bloquear o seu objeto objeto original, você vai ver que nós temos o nosso valor-chave ao objeto de volta para nós.
String.trimstart () E String.trimend ()
novamente isto nos leva ao nosso número três que é o nosso .trimstart() and .trimend (). Então, se você tem uma corda que tem espaços longos você poderia apenas ir em frente e fazer
console.log(string.trimstart())e bater save.
Eles vão ver, na verdade, vamos apenas json ponto stringify deste modo que somos capazes de ver os espaços de modo que você vê são apenas backspaces permanecem da mesma forma, se você tem caimento final aqui você vai ver apenas a sua frente espaços permanecem e se você tiver apenas aparar aqui você vai ver todos os seus espaços são ido
Opcional pegar ligação
Isso nos leva a nossa opcional ligação para tentar-pegar o que praticamente significa que agora você não está restrita para dar capturar um erro aqui, se você não quiser então, se você lançar um novo erro aqui você pode praticamente acessá-lo direito lá usando erro.
mas se de alguma forma você não quer isso você está livre para apenas ir em frente e fazer uso de algo como hey algo correu mal certo assim que isto é completamente bom.
toString ()
ES9 também revê a função.método toString() por isso, se tiver uma função
a minha função aqui e se fizer o registo de pontos da consola da minha função, o que vai ver é o seu código-fonte original dessa função em particular mais cedo estes espaços em branco estas linhas novas, se tiver algum comando aqui, serão removidas quando fizer a consola.regista a minha função de porta para cadeia de caracteres, mas agora eles são retidos e praticamente recuperas o teu código fonte original da função que escreveste.
sym.descrição
voltando à próxima proposta que é o getter descrição do símbolo. Então, recentemente, o que você tem que fazer é se você quiser comparar um símbolo que você tem que convertê-lo em uma string e, em seguida, compará-lo por um símbolo e, em seguida, o que a sua descrição estava certa?
porque se você der uma olhada para adicionar o símbolo aqui você pode ver que ele basicamente apenas um símbolo. Mas agora o que você poderia fazer é Acessar a descrição do símbolo com o sym.descrição e você poderia verificar se isso é igual à sua descrição que foi originalmente passada.
Looking for Free Budget Estimation Report for ReactJs Development, NodeJs development, AngularJS Development.?