Articles of ecmascript 6

Como dizer ao servidor webpack dev para servir index.html para qualquer rota

React router permite reagir aplicativos para lidar /arbitrary/route . Para que isso funcione, preciso que meu servidor envie o aplicativo React em qualquer rota correspondente. Mas o servidor webpack não manipula pontos finais arbitrários. Há uma solução aqui usando o servidor expresso adicional. Como permitir que o webpack-dev-server permita pontos de input de react-router Mas […]

Como eu faço um “campo estático público” em uma aula do ES6?

Estou fazendo uma class Javascript e gostaria de ter um campo estático público como em Java. Este é o código relevante: export default class Agent { CIRCLE: 1, SQUARE: 2, … Este é o erro que recebo: line 2, col 11, Class properties must be methods. Expected ‘(‘ but instead saw ‘:’. Parece que os […]

Mapas vs Objetos no ES6, Quando usar?

Ref: MDN Mapas Use mapas sobre objects quando as chaves são desconhecidas até o tempo de execução e quando todas as chaves são do mesmo tipo e todos os valores são do mesmo tipo. Use objects quando há lógica que opera em elementos individuais. Questão: Qual é o exemplo aplicável de usar o Google Maps […]

Por que os tempos de execução JavaScript populares não podem manipular scripts asynchronouss de aparência síncrona?

Como o cowboy diz nos comentários aqui , todos nós queremos “escrever código asynchronous [sem bloqueio de JavaScript] em um estilo semelhante a este: try { var foo = getSomething(); // async call that would normally block var bar = doSomething(foo); console.log(bar); } catch (error) { console.error(error); } ” Então, as pessoas vieram até soluções […]

Obtendo uma lista de estática em uma class ES6

Dada uma class ES6, como posso inspecioná-la para determinar suas propriedades e methods estáticos disponíveis? No ES5, determinar a estática anexada a uma class (seu construtor) era tão simples quanto iterar sobre as propriedades da function. No ES6, aparece a magia que não as expõe como tal.

Typescript / Angular / ES6: posso finalmente deixar o `hasOwnProperty ()` morrer em loops?

Eu sempre não gostei da necessidade de verificar hasOwnProperty() ao fazer o loop de objects em javascript: for ( var key in object ) { if ( !object.hasOwnProperty( key ) ) { continue; } // Now I can do whatever I needed to do } Sempre parece um espaço vertical perdido para percorrer as teclas […]

Existe uma desvantagem de usar a syntax de literais de modelo ES6 sem uma expressão modelada?

Existe uma razão (performance ou outra) para não usar a syntax literal do template backtick para todas as strings em um arquivo fonte javascript? Se sim, o que? Eu deveria preferir isso: var str1 = ‘this is a string’; por cima disto? var str2 = `this is another string`;

Desestruturação e aliasing de objects JavaScript

Existe uma maneira de desestruturar um object em JavaScript e alias o object desestruturado local? Algo como: const env = {ENV_VAR_X, ENV_VAR_Y, ENV_VAR_Z} = process.env; … e ter env tornar-se uma constante local contendo essas variables ​​de ambiente selecionadas. (Estou ciente de que meu exemplo não funciona com babel) { ENV_VAR_X: “s867c7dsj4lal7”, ENV_VAR_Y: “hd73m20s-a=snf77f”, ENV_VAR_Z: […]

igualdade de objects definidos pelo usuário para um conjunto em harmonia (es6)

Eu tenho um problema onde estou gerando muitos valores e preciso ter certeza de que só trabalho com os únicos. Como estou usando o node js, com o flag –harmony, e tenho access a collections de harmonia, decidi que um Set pode ser uma opção. O que estou procurando é algo semelhante ao seguinte exemplo: […]

Estes valores para funções de seta

Eu estou tentando entender as funções de seta no ECMAScript 6. Esta é a definição que me deparei durante a leitura: As funções de seta têm implícita this binding, o que significa que o valor this valor dentro de uma function de seta é sempre o mesmo que o valor this no escopo em que […]