Programmazione ecmascript-6

2

Javascript ES6 const const vs export let

Diciamo che ho una variabile che voglio esportare. Qual è la differenza tra export const a = 1; vs export let a = 1; Capisco la differenza tra conste let, ma quando li esporti, quali sono le differenze?

149 javascript ecmascript-6 es6-modules

10

Come dire al server dev webpack di servire index.html per qualsiasi route

Il router React consente di gestire le app di reazione /arbitrary/route . Affinché funzioni, ho bisogno che il mio server invii l'app React su qualsiasi percorso abbinato. Ma il server di sviluppo webpack non gestisce end point arbitrari. C'è una soluzione qui utilizzando Express Server aggiuntivo. Come consentire a webpack-dev-server …

148 reactjs ecmascript-6 webpack react-router

19

Converti una stringa in una stringa modello

È possibile creare una stringa modello come una normale stringa let a="b:${b}"; e quindi convertirlo in una stringa di modello let b=10; console.log(a.template());//b:10 colpo eval, new Functioned altri mezzi di generazione di codice dinamico?

147 javascript ecmascript-6 eval template-strings

11

forEach non è un errore di funzione con l'array JavaScript

Sto cercando di fare un semplice ciclo: const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) Ma ottengo il seguente errore: VM384: 53 Tipo non rilevato Errore: parent.children.forEach non è una funzione Anche se parent.childrenregistri: Quale potrebbe essere il problema? Nota: ecco un JSFiddle .

145 javascript ecmascript-6 vue.js

7

Passa le opzioni alle importazioni del modulo ES6

È possibile passare le opzioni alle importazioni ES6? Come traduci questo: var x = require('module')(someoptions); a ES6?

144 javascript module ecmascript-6 es6-modules

11

Come pubblicare un modulo scritto in ES6 su NPM?

Stavo per pubblicare un modulo su NPM, quando ho pensato di riscriverlo in ES6, sia per renderlo a prova di futuro, sia per imparare ES6. Ho usato Babel per traspilare su ES5 ed eseguire test. Ma non sono sicuro di come procedere: Devo compilare e pubblicare la cartella risultante / …

144 javascript node.js npm ecmascript-6 babeljs

6

Come deridere le importazioni di un modulo ES6?

Ho i seguenti moduli 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() { ... } } Sto cercando un modo per testare Widget con una finta istanza di getDataFromServer. Se …

142 javascript unit-testing mocha ecmascript-6

8

Avvolgere la linea letterale del modello lungo su multilinea senza creare una nuova linea nella stringa

In letterali modello es6, come si può avvolgere un modello lungo letterale in multilinea senza creare una nuova linea nella stringa? Ad esempio, se lo fai: const text = `a very long string that just continues and continues and continues` Quindi creerà un nuovo simbolo di linea per la stringa, …

142 javascript ecmascript-6 template-literals

5

Object.is vs ===

Mi sono imbattuto in un esempio di codice che utilizzava questo confronto: var someVar = 0; Object.is(false, someVar); //Returns false So false == 0che sarà trueper questo che abbiamo ===. Quanto è Object.isdiverso da ===?

141 javascript ecmascript-6

6

Come unire due oggetti javascript insieme in ES6 +?

Sono stanco di dover sempre scrivere codice in questo modo: function shallowExtend(obj1,obj2){ var key; for ( key in obj2 ) { if ( obj2.hasOwnProperty(key) === false ) continue; obj1[key] = obj2[key] } } O se non voglio scrivere il codice da solo, implementare una libreria che lo fa già. Sicuramente …

141 javascript ecmascript-6

4

Come usare ES6 Fat Arrow per .filter () una matrice di oggetti

Sto cercando di utilizzare la funzione freccia ES6 con .filterper tornare adulti (Jack & Jill). Sembra che non riesca a usare un'istruzione if. Cosa devo sapere per farlo in ES6? var family = [{"name":"Jack", "age": 26}, {"name":"Jill", "age": 22}, {"name":"James", "age": 5 }, {"name":"Jenny", "age": 2 }]; let adults = …

139 javascript ecmascript-6 higher-order-functions

13

Enumera in Javascript con ES6

Sto ricostruendo un vecchio progetto Java in Javascript e mi sono reso conto che non esiste un buon modo per fare enumerazioni in JS. Il meglio che posso inventare è: const Colors = { RED: Symbol("red"), BLUE: Symbol("blue"), GREEN: Symbol("green") }; Object.freeze(Colors); La constmantiene Colorsdalla riassegnazione e congela impedisce mutando …

136 javascript enums ecmascript-6 immutability symbols

5

Object.freeze () vs const

Object.freeze()sembra un metodo di praticità di transizione per passare all'utilizzo constin ES6. Ci sono casi in cui entrambi prendono il loro posto nel codice o esiste un modo preferito di lavorare con dati immutabili? Dovrei usare Object.freeze()fino al momento in cui tutti i browser con cui lavoro sono supportati constquindi …

136 javascript ecmascript-6

16

È possibile distruggere un oggetto esistente? (Javascript ES6)

Ad esempio se ho due oggetti: var foo = { x: "bar", y: "baz" } e var oof = {} e volevo trasferire i valori xey da foo a oof. C'è un modo per farlo usando la sintassi destrutturante es6? forse qualcosa del tipo: oof{x,y} = foo

136 javascript ecmascript-6 destructuring

6

Come importare ed esportare componenti usando React + ES6 + webpack?

Sto giocando con Reacte ES6usando babele webpack. Voglio costruire diversi componenti in diversi file, importarli in un singolo file e raggrupparli insiemewebpack Diciamo che ho alcuni componenti come questo: 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

Domande taggate «ecmascript-6»