Preguntas etiquetadas con ecmascript-6

Digamos que tengo una variable que quiero exportar. Cuál es la diferencia entre export const a = 1; vs export let a = 1; Entiendo la diferencia entre consty let, pero cuando los exporta, ¿cuáles son las diferencias?

149 javascript  ecmascript-6  es6-modules 

React router permite que las aplicaciones reaccionen para manejar /arbitrary/route. Para que esto funcione, necesito que mi servidor envíe la aplicación React en cualquier ruta coincidente. Pero el servidor de desarrollo webpack no maneja puntos finales arbitrarios. Aquí hay una solución que usa un servidor express adicional. Cómo permitir que …

148 reactjs  ecmascript-6  webpack  react-router 

¿Es posible crear una cadena de plantilla como una cadena habitual? let a="b:${b}"; y luego convertirlo en una cadena de plantilla let b=10; console.log(a.template());//b:10 sin eval, new Functiony otros medios de generación de código dinámico?

147 javascript  ecmascript-6  eval  template-strings 

Estoy tratando de hacer un bucle simple: const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) Pero me sale el siguiente error: VM384: 53 Error de tipo no capturado: parent.children.forEach no es una función Aunque los parent.childrenregistros: ¿Cual podría ser el problema? Nota: Aquí hay un JSFiddle .

145 javascript  ecmascript-6  vue.js 

¿Es posible pasar opciones a las importaciones ES6? Cómo traduces esto: var x = require('module')(someoptions); a ES6?

144 javascript  module  ecmascript-6  es6-modules 

Estaba a punto de publicar un módulo en NPM, cuando pensé en reescribirlo en ES6, para prepararlo en el futuro y aprender ES6. He usado Babel para transpilar a ES5 y ejecutar pruebas. Pero no estoy seguro de cómo proceder: ¿Transpilo y publico la carpeta resultante / fuera en NPM? …

144 javascript  node.js  npm  ecmascript-6  babeljs 

En los literales de plantilla es6, ¿cómo se puede ajustar un literal de plantilla largo a varias líneas sin crear una nueva línea en la cadena? Por ejemplo, si haces esto: const text = `a very long string that just continues and continues and continues` Luego creará un nuevo símbolo …

142 javascript  ecmascript-6  template-literals 

Me topé con un ejemplo de código que estaba usando esta comparación: var someVar = 0; Object.is(false, someVar); //Returns false Sé false == 0que será truepor eso que tenemos ===. ¿Cómo es Object.isdiferente de ===?

141 javascript  ecmascript-6 

Estoy cansado de tener que escribir siempre código como este: function shallowExtend(obj1,obj2){ var key; for ( key in obj2 ) { if ( obj2.hasOwnProperty(key) === false ) continue; obj1[key] = obj2[key] } } O si no quiero escribir el código yo mismo, implemente una biblioteca que ya lo haga. Seguramente …

141 javascript  ecmascript-6 

Tengo los siguientes 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() { ... } } Estoy buscando una forma de probar Widget con una instancia simulada de getDataFromServer. Si …

141 javascript  unit-testing  mocha  ecmascript-6 

Estoy tratando de usar la función de flecha ES6 con .filterpara regresar adultos (Jack & Jill). Parece que no puedo usar una declaración if. ¿Qué necesito saber para hacer esto en 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 

Estoy reconstruyendo un antiguo proyecto Java en Javascript, y me di cuenta de que no hay una buena manera de hacer enumeraciones en JS. Lo mejor que se me ocurre es: const Colors = { RED: Symbol("red"), BLUE: Symbol("blue"), GREEN: Symbol("green") }; Object.freeze(Colors); El constguarda Colorsde ser reasignado, y la …

136 javascript  enums  ecmascript-6  immutability  symbols 

Object.freeze()parece un método de conveniencia de transición para avanzar hacia el uso consten ES6. ¿Hay casos en que ambos toman su lugar en el código o hay una forma preferida de trabajar con datos inmutables? ¿Debo usar Object.freeze()hasta el momento en que todos los navegadores con los que trabajo sean …

136 javascript  ecmascript-6 

Estoy jugando con Reacty ES6usando babely webpack. Quiero construir varios componentes en diferentes archivos, importarlos en un solo archivo y agruparlos conwebpack Digamos que tengo algunos 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 

Utilizo el siguiente código para establecer accesorios predeterminados en un componente React pero no funciona. En el render()método, puedo ver que la salida "accesorios indefinidos" se imprimió en la consola del navegador. ¿Cómo puedo definir un valor predeterminado para los accesorios del componente? export default class AddAddressComponent extends Component { …

135 reactjs  ecmascript-6