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

Digamos que tenho uma variável que desejo exportar. Qual é a diferença entre export const a = 1; vs export let a = 1; Entendo a diferença entre conste let, mas quando você as exporta, quais são as diferenças?

149 javascript  ecmascript-6  es6-modules 

O roteador de reação permite que os aplicativos de reação sejam manipulados /arbitrary/route. Para que isso funcione, preciso que meu servidor envie o aplicativo React em qualquer rota correspondente. Mas o servidor de desenvolvimento webpack não lida com pontos finais arbitrários. Há uma solução aqui usando servidor expresso adicional. Como …

148 reactjs  ecmascript-6  webpack  react-router 

É possível criar uma sequência de modelos como uma sequência usual let a="b:${b}"; e depois converta-o em uma string de modelo let b=10; console.log(a.template());//b:10 sem eval, new Functione outros meios de geração de código dinâmico?

147 javascript  ecmascript-6  eval  template-strings 

Estou tentando fazer um loop simples: const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) Mas eu recebo o seguinte erro: VM384: 53 Tipo não detectadoErro: parent.children.forEach não é uma função Mesmo que os parent.childrenlogs: Qual poderia ser o problema? Nota: Aqui está um JSFiddle .

145 javascript  ecmascript-6  vue.js 

É possível passar opções para importações do ES6? Como você traduz isso: var x = require('module')(someoptions); para ES6?

144 javascript  module  ecmascript-6  es6-modules 

Eu estava prestes a publicar um módulo no NPM, quando pensei em reescrevê-lo no ES6, para prepará-lo para o futuro e aprender o ES6. Eu usei o Babel para transpilar para o ES5 e executar testes. Mas não tenho certeza de como proceder: Transpile e publico a pasta resultante / …

144 javascript  node.js  npm  ecmascript-6  babeljs 

Eu me deparei com um exemplo de código que estava usando essa comparação: var someVar = 0; Object.is(false, someVar); //Returns false Eu sei que false == 0será truepor isso que temos ===. Qual é a Object.isdiferença ===?

141 javascript  ecmascript-6 

Estou cansado de sempre ter que escrever um código como este: function shallowExtend(obj1,obj2){ var key; for ( key in obj2 ) { if ( obj2.hasOwnProperty(key) === false ) continue; obj1[key] = obj2[key] } } Ou, se eu não quiser escrever o código, implemente uma biblioteca que já o faça. Certamente …

141 javascript  ecmascript-6 

Eu tenho os seguintes módulos ES6: network.js export function getDataFromServer() { return ... } widget.js import { getDataFromServer } from 'network.js'; export class Widget() { constructor() { getDataFromServer("dataForWidget") .then(data => this.render(data)); } render() { ... } } Estou procurando uma maneira de testar o Widget com uma instância simulada de …

141 javascript  unit-testing  mocha  ecmascript-6 

Nos literais de modelo es6, como agrupar um literal de modelo longo em várias linhas sem criar uma nova linha na string? Por exemplo, se você fizer isso: const text = `a very long string that just continues and continues and continues` Em seguida, ele criará um novo símbolo de …

141 javascript  ecmascript-6  template-literals 

Estou tentando usar a função de seta ES6 .filterpara retornar adultos (Jack & Jill). Parece que não posso usar uma instrução if. O que eu preciso saber para fazer isso no ES6? var family = [{"name":"Jack", "age": 26}, {"name":"Jill", "age": 22}, {"name":"James", "age": 5 }, {"name":"Jenny", "age": 2 }]; let …

139 javascript  ecmascript-6  higher-order-functions 

Estou reconstruindo um projeto Java antigo em Javascript e percebi que não há uma boa maneira de criar enumerações em JS. O melhor que posso apresentar é: const Colors = { RED: Symbol("red"), BLUE: Symbol("blue"), GREEN: Symbol("green") }; Object.freeze(Colors); Os constmantimentos Colorsnão são reatribuídos e o congelamento evita que as …

136 javascript  enums  ecmascript-6  immutability  symbols 

Object.freeze()parece ser um método de conveniência de transição para avançar no uso constno ES6. Existem casos em que ambos ocorrem no código ou há uma maneira preferida de trabalhar com dados imutáveis? Devo usar Object.freeze()até o momento todos os navegadores com os quais trabalho com suporte conste mudar para o …

136 javascript  ecmascript-6 

Estou brincando com Reacte ES6usando babele webpack. Quero criar vários componentes em arquivos diferentes, importar em um único arquivo e agrupá-los comwebpack Digamos que tenho alguns componentes como este: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> …

135 reactjs  ecmascript-6  webpack 

Por exemplo, se eu tiver dois objetos: var foo = { x: "bar", y: "baz" } e var oof = {} e eu queria transferir os valores xey de foo para oof. Existe uma maneira de fazer isso usando a sintaxe de desestruturação es6? talvez algo como: oof{x,y} = foo

135 javascript  ecmascript-6  destructuring