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

Python tem uma função embutidaenumerate , para obter um iterável de (index, item)pares. O ES6 tem um equivalente para um array? O que é isso? def elements_with_index(elements): modified_elements = [] for i, element in enumerate(elements): modified_elements.append("%d:%s" % (i, element)) return modified_elements print(elements_with_index(["a","b"])) #['0:a', '1:b'] ES6 equivalente sem enumerate: function elements_with_index(elements){ …

105 javascript  functional-programming  ecmascript-6 

Estou executando o lint com meu aplicativo React e recebo este erro: error JSX props should not use arrow functions react/jsx-no-bind E é aqui que estou executando a função de seta (dentro onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox defaultChecked={tile.checked} onCheck={() => this.selectPicture(tile)} style={{position: 'absolute', zIndex: 99, padding: 5, backgroundColor: …

103 javascript  reactjs  ecmascript-6  jsx  arrow-functions 

Então, até agora, criei classes e módulos node.jsda seguinte maneira: var fs = require('fs'); var animalModule = (function () { /** * Constructor initialize object * @constructor */ var Animal = function (name) { this.name = name; }; Animal.prototype.print = function () { console.log('Name is :'+ this.name); }; return { …

103 javascript  node.js  ecmascript-6 

Gostaria de começar a usar o mapa ES6 em vez de objetos JS, mas estou sendo impedido porque não consigo descobrir como JSON.stringify () um mapa. Minhas chaves são strings e meus valores sempre serão listados. Eu realmente preciso escrever um método wrapper para serializar?

103 javascript  json  dictionary  ecmascript-6 

Gostaria de perguntar por que meu estado não está mudando quando faço um evento onclick. Eu pesquisei há um tempo que preciso vincular a função onclick no construtor, mas ainda assim o estado não está atualizando. Este é meu código: import React from 'react'; import Grid from 'react-bootstrap/lib/Grid'; import Row …

103 javascript  reactjs  ecmascript-6 

Estou confuso quanto ao ponto de getters e setters nas classes ECMAScript 6. Qual é o propósito? Abaixo está um exemplo a que me refiro: class Employee { constructor(name) { this._name = name; } doWork() { return `${this._name} is working`; } get name() { return this._name.toUpperCase(); } set name(newName){ if(newName){ …

102 class  ecmascript-6  setter  getter 

Como você compara dois conjuntos de javascript? Tentei usar ==e ===mas ambos retornam falso. a = new Set([1,2,3]); b = new Set([1,3,2]); a == b; //=> false a === b; //=> false Esses dois conjuntos são equivalentes, porque por definição, os conjuntos não têm ordem (pelo menos não normalmente). Eu …

102 javascript  set  ecmascript-6 

Digamos que você tenha um Iterable Javascript ES6 semelhante a um array que você sabe de antemão que terá comprimento finito. Qual é a melhor maneira de convertê-lo em um Array Javascript? A razão para fazer isso é que muitas bibliotecas js, como sublinhado e lodash, suportam apenas Arrays, portanto, …

102 javascript  arrays  ecmascript-6  iterable  babeljs 

Como faço para clonar uma instância de classe Javascript usando ES6. Não estou interessado em soluções baseadas em jquery ou $ extend. Já vi discussões bastante antigas sobre clonagem de objetos que sugerem que o problema é bastante complicado, mas com o ES6 uma solução muito simples se apresenta - …

102 javascript  node.js  ecmascript-6  es6-class 

Quero usar o Prettier e o ESLint juntos, mas experimentei alguns conflitos apenas por usá-los um após o outro. Vejo que existem três pacotes que parecem permitir que sejam usados ​​em conjunto: prettier-eslint eslint-plugin-prettier eslint-config-prettier No entanto, não tenho certeza de qual usar, pois todos esses nomes de pacote contêm …

102 javascript  ecmascript-6  eslint  code-formatting  prettier 

Estou usando uma biblioteca de terceiros que tem uma função que usa funções como argumentos. Estou fazendo algumas verificações condicionais para decidir se devo ou não adicionar uma função específica como um parâmetro e, em alguns casos, não desejo fornecer uma função. Fornecer nulo nesses casos gera um erro. Eu …

101 javascript  lambda  ecmascript-6 

Eu tenho um projeto escrito em ES6 com webpack como meu bundler. A maior parte da tradução funciona bem, mas quando tento incluir decoradores em qualquer lugar, recebo este erro: Decorators are not supported yet in 6.x pending proposal update. Eu olhei o rastreador de problemas do babel e não …

101 javascript  webpack  ecmascript-6  babeljs  decorator 

Eu sei que o ES6 ainda não está padronizado, mas muitos navegadores atualmente oferecem suporte a const palavras-chave em JS. Na especificação, está escrito que: O valor de uma constante não pode ser alterado por meio da reatribuição, e uma constante não pode ser declarada novamente. Por causa disso, embora …

101 javascript  ecmascript-6  const 

Dado um arquivo de entrada como import { a } from 'b'; function x () { a() } babel irá compilá-lo para 'use strict'; var _b = require('b'); function x() { (0, _b.a)(); } mas quando compilado em modo flexível, a chamada de função é produzida como _b.a(); Eu fiz …

100 javascript  ecmascript-6  babeljs 

Uma promessa, apenas por exemplo: var P = new Promise(function (resolve, reject) { var a = 5; if (a) { setTimeout(function(){ resolve(a); }, 3000); } else { reject(a); } }); Depois de chamarmos, o método da promessa: P.then(doWork('text')); A função doWork é semelhante a esta: function doWork(data) { return function(text) …

100 javascript  promise  ecmascript-6  es6-promise