Programación ecmascript-6

16

¿Es posible desestructurar sobre un objeto existente? (Javascript ES6)

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} = foo

135 javascript ecmascript-6 destructuring

19

Herencia múltiple de clase ES6

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 …

134 javascript ecmascript-6

9

¿Se puede vincular 'esto' en una función de flecha?

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 …

133 javascript function ecmascript-6

8

Javascript ES6 / ES5 buscar en matriz y cambiar

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 lodash)

133 javascript arrays ecmascript-6 lodash

14

Error de extensión en Javascript con sintaxis ES6 y Babel

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 string El objeto Error nunca obtiene el conjunto de mensajes correcto. …

132 javascript ecmascript-6 babeljs transpiler

6

setState () dentro de componentDidUpdate ()

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 setStatedentro …

131 javascript reactjs ecmascript-6

3

¿Cómo mapear / reducir / filtrar un conjunto en JavaScript?

¿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 = function(f,initial) { var result = initial; for …

131 javascript set ecmascript-6 reduce

30

Obtener "No se puede llamar a una clase como una función" en mi proyecto React

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 instanceof Constructor)) { throw new …

130 javascript google-maps reactjs ecmascript-6 react-router

5

Usando jQuery $ (esto) con funciones de flecha ES6 (léxico este enlace)

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'); } }); } …

129 javascript jquery ecmascript-6 arrow-functions

18

¿Se pueden sustituir los literales de plantilla de ES6 en tiempo de ejecución (o reutilizar)?

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 ejemplos que …

129 javascript ecmascript-6 template-literals

17

¿Cómo importar jquery usando la sintaxis ES6?

Estoy escribiendo una nueva aplicación usando la ES6sintaxis (JavaScript) a través del babeltranspiler y los preset-es2015complementos, así como semantic-uipara el estilo. index.js import * as stylesheet from '../assets/styles/app.scss'; import * as jquery2 from '../dist/scripts/jquery.min'; import * as jquery3 from '../node_modules/jquery/dist/jquery.min'; console.log($('my-app')); index.html <!DOCTYPE html> <html lang="fr"> <head> <body> <script src="dist/app.js"></script> …

128 javascript jquery ecmascript-6 browserify semantic-ui

8

¿Cómo convertir un objeto plano en un mapa ES6?

Por alguna razón, no puedo encontrar esta cosa simple en los documentos de MDN (tal vez me lo pierda). Esperaba que esto funcionara: const map = new Map({foo: 'bar'}); map.get('foo'); // 'bar' ... pero la primera línea arroja TypeError: (var)[Symbol.iterator] is not a function ¿Cómo hago un mapa a partir …

128 javascript ecmascript-6

5

Módulo de importación de mecanografiado es6 "El archivo no es un error de módulo"

Estoy usando typecript 1.6 con sintaxis de módulos es6. Mis archivos son: test.ts: module App { export class SomeClass { getName(): string { return 'name'; } } } main.ts: import App from './test'; var a = new App.SomeClass(); Cuando intento compilar el main.tsarchivo, aparece este error: Error TS2306: el archivo …

127 javascript typescript ecmascript-6

6

¿Cuál es la diferencia entre babel-preset-stage-0, babel-preset-stage-1, etc.?

Mi pregunta es: ¿Cuál es la diferencia entre babel-preset-stage-0, babel-preset-stage-1, babel-preset-stage-2y babel-preset-stage-3, y cuál es la mejor opción cuando desarrollamos con ES6?

126 ecmascript-6 babel

7

Inicio no contiene una exportación denominada Inicio

Estaba trabajando con create-react-appeste problema y me encontré con este problema Home does not contain an export named Home. Así es como configuro mi App.jsarchivo: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from './layouts/Home' class App extends Component { render() …

123 javascript reactjs ecmascript-6 create-react-app

Preguntas etiquetadas con ecmascript-6