La programmation ecmascript-6

2

JavaScript ES6 export const vs export let

Disons que j'ai une variable que je souhaite exporter. Quelle est la différence entre export const a = 1; contre export let a = 1; Je comprends la différence entre constet let, mais lorsque vous les exportez, quelles sont les différences?

149 javascript ecmascript-6 es6-modules

10

Comment dire au serveur de développement Webpack de servir index.html pour n'importe quel itinéraire

Le routeur React permet aux applications de réagir /arbitrary/route. Pour que cela fonctionne, j'ai besoin que mon serveur envoie l'application React sur n'importe quel itinéraire correspondant. Mais le serveur de développement Webpack ne gère pas les points de terminaison arbitraires. Il existe ici une solution utilisant un serveur express supplémentaire. …

148 reactjs ecmascript-6 webpack react-router

19

Convertir une chaîne en chaîne de modèle

Est-il possible de créer une chaîne de modèle comme une chaîne habituelle let a="b:${b}"; puis le convertir en chaîne de modèle let b=10; console.log(a.template());//b:10 sans eval, new Functionet d'autres moyens de génération de code dynamique?

147 javascript ecmascript-6 eval template-strings

11

forEach n'est pas une erreur de fonction avec le tableau JavaScript

J'essaye de faire une boucle simple: const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) Mais j'obtiens l'erreur suivante: VM384: 53 Uncaught TypeError: parent.children.forEach n'est pas une fonction Même si les parent.childrenjournaux: Quel pourrait être le problème? Remarque: voici un JSFiddle .

145 javascript ecmascript-6 vue.js

7

Passer des options aux importations de modules ES6

Est-il possible de transmettre des options aux importations ES6? Comment traduisez-vous ceci: var x = require('module')(someoptions); à ES6?

144 javascript module ecmascript-6 es6-modules

11

Comment publier un module écrit en ES6 sur NPM?

J'étais sur le point de publier un module sur NPM, lorsque j'ai pensé à le réécrire dans ES6, à la fois pour le pérenniser et pour apprendre ES6. J'ai utilisé Babel pour transpiler vers ES5 et exécuter des tests. Mais je ne sais pas trop comment procéder: Dois-je transpiler et …

144 javascript node.js npm ecmascript-6 babeljs

6

Comment se moquer des importations d'un module ES6?

J'ai les modules ES6 suivants: 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() { ... } } Je cherche un moyen de tester Widget avec une instance simulée de getDataFromServer. Si …

142 javascript unit-testing mocha ecmascript-6

8

Enveloppez la longue ligne littérale du modèle en multiligne sans créer de nouvelle ligne dans la chaîne

Dans les littéraux de modèle es6, comment peut-on envelopper un long littéral de modèle en multiligne sans créer une nouvelle ligne dans la chaîne? Par exemple, si vous faites ceci: const text = `a very long string that just continues and continues and continues` Ensuite, il créera un nouveau symbole …

142 javascript ecmascript-6 template-literals

5

Object.is vs ===

Je suis tombé sur un exemple de code qui utilisait cette comparaison: var someVar = 0; Object.is(false, someVar); //Returns false Je sais que ce false == 0sera truepourquoi nous avons ===. En quoi est-ce Object.isdifférent de ===?

141 javascript ecmascript-6

6

Comment fusionner deux objets javascript ensemble dans ES6 +?

J'en ai marre de devoir toujours écrire du code comme celui-ci: function shallowExtend(obj1,obj2){ var key; for ( key in obj2 ) { if ( obj2.hasOwnProperty(key) === false ) continue; obj1[key] = obj2[key] } } Ou si je ne veux pas écrire le code moi-même, implémentez une bibliothèque qui le fait …

141 javascript ecmascript-6

4

Comment utiliser ES6 Fat Arrow pour .filter () un tableau d'objets

J'essaie d'utiliser la fonction de flèche ES6 avec .filterpour renvoyer les adultes (Jack & Jill). Il semble que je ne peux pas utiliser une instruction if. Que dois-je savoir pour faire cela dans ES6? var family = [{"name":"Jack", "age": 26}, {"name":"Jill", "age": 22}, {"name":"James", "age": 5 }, {"name":"Jenny", "age": 2 …

139 javascript ecmascript-6 higher-order-functions

13

Enums en Javascript avec ES6

Je reconstruis un ancien projet Java en Javascript et je me suis rendu compte qu'il n'y a pas de bon moyen de faire des énumérations dans JS. Le mieux que je puisse trouver est: const Colors = { RED: Symbol("red"), BLUE: Symbol("blue"), GREEN: Symbol("green") }; Object.freeze(Colors); Le constconserve Colorsd'être réaffecté …

136 javascript enums ecmascript-6 immutability symbols

5

Object.freeze () vs const

Object.freeze()semble être une méthode de commodité de transition vers l'utilisation constdans ES6. Existe-t-il des cas où les deux prennent leur place dans le code ou existe-t-il une manière préférée de travailler avec des données immuables? Dois-je utiliser Object.freeze()jusqu'au moment où tous les navigateurs avec lesquels je travaille prend en charge …

136 javascript ecmascript-6

16

Est-il possible de déstructurer sur un objet existant? (Javascript ES6)

Par exemple si j'ai deux objets: var foo = { x: "bar", y: "baz" } et var oof = {} et je voulais transférer les valeurs x et y de foo à oof. Existe-t-il un moyen de le faire en utilisant la syntaxe de déstructuration es6? peut-être quelque chose comme: …

136 javascript ecmascript-6 destructuring

6

Comment importer et exporter des composants à l'aide de React + ES6 + Webpack?

Je joue autour avec Reactet en ES6utilisant babelet webpack. Je souhaite créer plusieurs composants dans différents fichiers, les importer dans un seul fichier et les regrouper avecwebpack Disons que j'ai quelques composants comme celui-ci: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ …

135 reactjs ecmascript-6 webpack

Questions marquées «ecmascript-6»