Articles of ecmascript 6

Comment configurer ESLint pour autoriser les méthodes de classe de flèche

ESLint lance une Parsing error: Unexpected token = erreur lorsque j’essaie de lisser mes classes Es6. Quel paramètre de configuration me manque-t-il pour activer les méthodes de classe de flèche en gras dans eslint? Classe d’échantillon: class App extends React.Component{ … handleClick = (evt) => { … } } .slint { “ecmaFeatures”: { “jsx”: true, […]

Comment utiliser la syntaxe ECMAScript 6 avec Visual Studio 2013

Je suis intéressé par l’utilisation des fonctionnalités ECMAScript 6 dans mon application Web que je développe en utilisant Visual Studio 2013. Actuellement, la syntaxe ne semble pas fonctionner. Comment puis-je configurer VS pour le faire fonctionner?

Importation de fichiers JavaScript et fonctions d’appel à l’aide de webpack, ES6, ReactJS

Essayer de faire quelque chose à mon avis serait très simple. Je voudrais importer une bibliothèque JavaScript existante, puis appeler ses fonctions. Donc, par exemple, je voudrais importer blah.js et ensuite appeler blah (). import React from ‘react’; import {blah} from ‘blah/js/blah.js’; class MyClass extends React.Component { constructor() { super(); } componentDidMount() { window.addEventListener(‘resize’, this.handleResize); […]

Compte tenu de l’ES2015, l’dependency injection et l’abstraction de la bibliothèque, à quoi devrait ressembler mon module idéal en 2016?

Sinon, pour une chose, je serais tout à fait à bord pour écrire tous mes modules comme import A from ‘./a.js’; var B = function(){ //use A }; export default B; puis en utilisant un compilateur pour le construire dans un navigateur ou un format de serveur. Mon seul problème avec ce qui précède est […]

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

J’essaie 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 TypeError Uncaught: parent.children.forEach n’est pas une fonction Même si le parent.children : Quel pourrait être le problème? Note: Voici un JSFiddle .

ES6 dans JShint – .jshintrc a esversion, mais continue à recevoir des avertissements (en utilisant Atom)

J’utilise atom, et j’ai essayé plusieurs paquets jshint différents et ils donnent tous un avertissement qui dit “template literal syntax’ is only available in ES6 (use ‘esversion: 6′)” J’ai créé un fichier .jshintrc de niveau supérieur (à la racine) et ajouté le fichier json suivant: { “esversion”:6 } Cependant, la même erreur persiste. Toutes les […]

Itérer avec la boucle while au lieu de la boucle

ECMAScript 6 introduit des générateurs, des iterators et du sucre de syntaxe pour l’itération. Node.JS v0.11.4 avec les drapeaux –harmony –use_ssortingct –harmony_generators comprend le générateur suivant function* fibonacci() { let previous = 0; let current = 1; while(true) { let temp = previous; previous = current; yield current = temp + current; } } Je […]

JSON ssortingngify un ensemble

Comment un JSON.ssortingngify () un ensemble ? Choses qui n’ont pas fonctionné dans le chrome 43: var s = new Set([‘foo’, ‘bar’]); JSON.ssortingngify(s); // -> “{}” JSON.ssortingngify(s.values()); // -> “{}” JSON.ssortingngify(s.keys()); // -> “{}” Je m’attendrais à obtenir quelque chose de similaire à celui d’un tableau sérialisé. JSON.ssortingngify([“foo”, “bar”]); // -> “[“foo”,”bar”]”

Réagir à la statique avec les classes ES6

L’object statique fonctionne-t-il avec les classes ES6 dans React? class SomeComponent extends React.Component { render() { // … } } React.statics = { someMethod: function() { //… } }; Quelque chose comme ci-dessus me donne une méthode non définie someMethod quand je fais SomeComponent.someMethod()

Fusionner deux objects avec ES6

Je suis sûr que cette question a déjà été posée mais je ne trouve pas très bien la réponse que je cherche, alors voici: J’ai deux objects, comme suit: const response = { lat: -51.3303, lng: 0.39440 } let item = { id: ‘qwenhee-9763ae-lenfya’, address: ’14-22 Elder St, London, E1 6BT, UK’ } Je dois […]