¿Es posible pasar opciones a las importaciones ES6? Cómo traduces esto: var x = require('module')(someoptions); a
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 de línea...
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....
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
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 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 },...
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...
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...
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...
Por ejemplo si tengo dos objetos: var foo = { x: "bar", y: "baz" } y var oof = {} y quería transferir los valores x e y de foo a oof. ¿Hay alguna manera de hacerlo usando la sintaxis de desestructuración es6? quizás algo como: oof{x,y} =
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
He realizado la mayor parte de mi investigación sobre esto en BabelJS y en MDN (que no tiene ninguna información), pero no dude en decirme si no he sido lo suficientemente cuidadoso para buscar más información sobre la especificación ES6. Me pregunto si ES6 admite o no la herencia múltiple de la...
Tengo una gran variedad de objetos. Quiero buscar por algún campo, y luego cambiarlo: var item = {...} var items = [{id:2}, {id:2}, {id:2}]; var foundItem = items.find(x => x.id == item.id); foundItem = item; Quiero que cambie el objeto original. ¿Cómo? (No me importa si también estará en...
He estado experimentando con ES6 durante un tiempo y acabo de encontrar un pequeño problema. Realmente me gusta usar las funciones de flecha, y siempre que puedo, las uso. Sin embargo, ¡parece que no puedes atarlos! Aquí está la función: var f = () => console.log(this); Aquí está el objeto...
Estoy tratando de extender Error con ES6 y Babel. No esta funcionando. class MyError extends Error { constructor(m) { super(m); } } var error = new Error("ll"); var myerror = new MyError("ll"); console.log(error.message) //shows up correctly console.log(myerror.message) //shows empty...
Estoy escribiendo un script que mueve el menú desplegable por debajo o por encima de la entrada, dependiendo de la altura del menú desplegable y la posición de la entrada en la pantalla. También quiero configurar el modificador en el menú desplegable de acuerdo con su dirección. Pero usar...
¿Hay alguna forma de map/ reduce/ filter/ etc a Seten JavaScript o tendré que escribir la mía? Aquí hay algunas Set.prototypeextensiones sensatas Set.prototype.map = function map(f) { var newSet = new Set(); for (var v of this.values()) newSet.add(f(v)); return newSet; }; Set.prototype.reduce...
Estoy tratando de agregar un componente de mapa React a mi proyecto pero me encuentro con un error. Estoy usando la publicación de blog de Fullstack React como referencia. Rastreé dónde se arroja el error en google_map.js línea 83: function _classCallCheck(instance, Constructor) { if (!(instance...
Usar las funciones de flecha de ES6 con thisenlace léxico es genial. Sin embargo, me encontré con un problema hace un momento al usarlo con un enlace de clic típico de jQuery: class Game { foo() { self = this; this._pads.on('click', function() { if (self.go) { $(this).addClass('active'); }...
tl; dr: ¿Es posible hacer un literal de plantilla reutilizable? He intentado usar plantillas literales, pero supongo que no lo entiendo y ahora me estoy frustrando. Quiero decir, creo que lo entiendo, pero "eso" no debería ser cómo funciona, o cómo debería ser. Debería ser diferente. Todos los...