Tag: ecmascript 6

Quel état est tenu entre les lignes JavaScript?

Je me demandais quels états sont conservés entre deux lignes de code JavaScript soumises à babel-node . Ma confusion se pose parce que si vous écrivez deux lignes de code, vous pouvez remplacer une définition de variable sans erreur. Par exemple, avec babel-node –presets es2015 , vous pouvez: > const a = 1; undefined > […]

Quand utiliser "import * as Foo" par rapport à "import Foo"?

Je convertis un projet BackboneJS (v1.2.2) vers ES6 avec BabelJS. J'ai noté qu'il y a une différence entre: import Backbone from 'backbone' et import * as Backbone from 'backbone' Après avoir lu ici, je comprends que le premier importe l'exportation par défaut de Backbone, car ce dernier me permet d'importer le module entier et de […]

Comment puis-je utiliser des décorateurs dans une application React Redux?

Je crée une application simple en utilisant React Redux. Je souhaite utiliser le décorateur pour injecter certaines méthodes dans mon composant … J'ai vu un code similaire dans d'autres projets: import React, { Component } from 'react'; import { connect } from 'react-redux'; @creatable export default class BookDetails extends Component { render() { console.log(this.props); if […]

Relier cette option à ES6 => opérateur de fonction

Après avoir expérimenté des contextes héréditaires avec la fonctionnalité => que ES6 nous a donnée, j'ai remarqué que ce contexte ne peut jamais être modifié. Exemple: var otherContext = { a: 2 }; function foo() { this.a = 1; this.bar = () => this.a; } var instance = new foo; instance.bar(); // returns 1 instance.bar.bind(otherContext)(); […]

Définir un getter de classe ES6 à énumérable

J'ai une classe ES6 (transcompilée avec babeljs) avec une propriété getter. Je comprends que ces propriétés ne sont pas énumérées par défaut. Cependant, je ne comprends pas pourquoi je ne peux pas rendre la propriété énumérable à l'aide de Object.defineProperty // Declare class class Person { constructor(myName) { this.name = myName; } get greeting() { […]

Est-ce que JavaScript Promise.all a un rappel qui est déclenché lorsqu'il y a des échecs réussis ET

Suis-je mal compris Promise.all? J'ai des promesses X dans un tableau et j'essaie d'agréger le rapport succès / échec du tableau. Voici ce que je pense savoir: Promise.tout prend une série de promesses. Si toutes les promesses réussissent, alors le rappel est exécuté. Si l'une des promesses échoue alors le rappel de .catch est appelé […]

Javascript 'let' et 'var' dans les boucles

Sur ma recherche de nombres concrets pour sauvegarder l'utilisation du mot-clé const dans Javascript, je suis tombé sur une comparaison de performance entre les trois types de déclaration variable var, let et const. Je n'ai pas aimé l'installation du test, donc j'ai créé une version simplifiée . Je ne m'attendais pas à beaucoup de différence […]

Comment déstructurer les propriétés d'objet avec les noms de clés qui sont des noms de variables invalides?

Comme les clés d'objet sont des chaînes, elles peuvent contenir n'importe quel type de caractères et de caractères spéciaux. Je suis récemment tombé sur un objet que je reçois d'un appel API. Cet objet a '-' dans ses noms de clés. const object = { "key-with-dash": [] } La restructuration ne fonctionne pas dans ce […]

JSON stringify a Set

Comment un JSON.stringify () un Set ? Des choses qui ne fonctionnaient pas dans Chromium 43: var s = new Set(['foo', 'bar']); JSON.stringify(s); // -> "{}" JSON.stringify(s.values()); // -> "{}" JSON.stringify(s.keys()); // -> "{}" Je m'attends à obtenir quelque chose de similaire à celui d'un tableau sérialisé. JSON.stringify(["foo", "bar"]); // -> "["foo","bar"]"

Les fonctions de flèche ES6 sont-elles encore proches de «ceci» même si elles ne l'utilisent pas?

J'essaie de comprendre les règles de la liaison léxique dans une fonction de flèche ES6. Regardons d'abord ceci: function Foo(other) { other.callback = () => { this.bar(); }; this.bar = function() { console.log('bar called'); }; } Lorsque je construis un new Foo(other) , un rappel est défini sur cet autre objet. Le rappel est une […]

JavaScript rend le site Web intelligent, beauté et facile à utiliser.