Perguntas com a marcação «ecmascript-6»

Estou usando o babel6 e para meu projeto de estimação estou criando um wrapper para XMLHttpRequest, para os métodos que posso usar: open = (method, url, something) => { return this.xhr.open(method, url, something); } mas para a função de seta de propriedades não funciona isso funciona: get status() { return …

100 ecmascript-6  babeljs 

É possível classificar as entradas de um objeto de mapa es6? var map = new Map(); map.set('2-1', foo); map.set('0-1', bar); resulta em: map.entries = { 0: {"2-1", foo }, 1: {"0-1", bar } } É possível classificar as entradas com base em suas chaves? map.entries = { 0: {"0-1", bar …

100 javascript  ecmascript-6 

Estou tentando criar um método de mapa de cópia profunda para meu projeto Redux que funcionará com objetos em vez de matrizes. Eu li que no Redux cada estado não deve mudar nada nos estados anteriores. export const mapCopy = (object, callback) => { return Object.keys(object).reduce(function (output, key) { output[key] …

99 javascript  ecmascript-6  redux  spread-syntax 

Como seria um JSON.stringify () um Set ? Coisas que não funcionaram no Chromium 43: var s = new Set(['foo', 'bar']); JSON.stringify(s); // -> "{}" JSON.stringify(s.values()); // -> "{}" JSON.stringify(s.keys()); // -> "{}" Eu esperaria obter algo semelhante ao de uma matriz serializada. JSON.stringify(["foo", "bar"]); // -> "["foo","bar"]"

99 javascript  json  ecmascript-6 

Então, aqui está meu fluxo de trabalho atual para importar imagens e ícones no webpack via ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Isso fica bagunçado rápido. Aqui está o que eu quero: import * from './images' …

99 reactjs  webpack  ecmascript-6 

Como você clona superficialmente um mapa ES6 ou objeto Set ? Desejo obter um novo mapa ou conjunto que tenha as mesmas chaves e valores.

99 javascript  ecmascript-6 

É possível estender uma classe no ES6 sem chamar o supermétodo para invocar a classe pai? EDIT: A pergunta pode ser enganosa. É o padrão que temos que ligar super()ou estou faltando alguma coisa? Por exemplo: class Character { constructor(){ console.log('invoke character'); } } class Hero extends Character{ constructor(){ super(); …

98 javascript  class  inheritance  ecmascript-6 

Estou experimentando com ES6, e estou usando gole para construir e babel para transpilar para ES5. A saída não está sendo executada no nó, apenas vinculado a um arquivo .htm com uma tag. Estou pensando que preciso adicionar <script src='require.js'></script> ou algo assim. Estou tentando importar / exportar. ////////////////scripts.js import …

98 javascript  ecmascript-6 

Como você faria isso? Instintivamente, eu quero fazer: var myMap = new Map([["thing1", 1], ["thing2", 2], ["thing3", 3]]); // wishful, ignorant thinking var newMap = myMap.map((key, value) => value + 1); // Map { 'thing1' => 2, 'thing2' => 3, 'thing3' => 4 } Não obtive muito da documentação sobre …

98 javascript  ecmascript-6 

Por que a desestruturação de objetos gera um erro se não há uma varpalavra-chave antes dela? {a, b} = {a: 1, b: 2}; lança SyntaxError: expected expression, got '=' Os três exemplos a seguir funcionam sem problemas var {a, b} = {a: 1, b: 2}; var [c, d] = [1, …

97 javascript  ecmascript-6 

Pelo que entendi, uma promessa é algo que pode resolver () ou rejeitar (), mas fiquei surpreso ao descobrir que o código na promessa continua a ser executado depois que uma resolução ou rejeição é chamada. Considerei resolver ou rejeitar uma versão assíncrona de saída ou retorno, que interromperia toda …

97 javascript  promise  ecmascript-6  es6-promise 

No ES6, ambos são legais: var chopper = { owner: 'Zed', getOwner: function() { return this.owner; } }; e, como abreviação: var chopper = { owner: 'Zed', getOwner() { return this.owner; } } É possível usar as novas funções de seta também? Em tentar algo como var chopper = { …

97 javascript  ecmascript-6  ecmascript-harmony 

Estou tentando entender a diferença entre as duas declarações 'exigir' abaixo. Especificamente, qual é o propósito do { }s enrolado ipcMain? const electron = require('electron') const {ipcMain} = require('electron') Ambos parecem atribuir o conteúdo do electronmódulo, mas obviamente funcionam de maneira diferente. Alguém pode lançar alguma luz?

97 javascript  node.js  ecmascript-6  destructuring 

A instrução de exportação abaixo fornece um erro de sintaxe export default const hello = () => console.log("say hello") porque ? Só consigo exportar funções nomeadas export function hello() { console.log("hello") } Qual é a razão?

96 javascript  ecmascript-6  arrow-functions 

Não tenho certeza de como explicar isso, mas quando corro console.log`1` No google chrome, recebo resultados como console.log`1` VM12380:2 ["1", raw: Array[1]] Por que o crase está chamando a função de log e por que está criando um índice de raw: Array[1]? Pergunta levantada na sala JS por Catgocat, mas …

96 javascript  ecmascript-6  template-strings  template-literals  tagged-templates