Articles of ecmascript 6

TypeError: ne peut pas correspondre avec “undefined” ou “null”

Code client.createPet(pet, (err, {name, breed, age}) => { if (err) { return t.error(err, ‘no error’) } t.equal(pet, {name, breed, age}, ‘should be equivalent’) }) Erreur client.createPet(pet, (err, {name, breed, age}) => { ^ TypeError: Cannot match against ‘undefined’ or ‘null’. Pourquoi est-ce que je reçois cette erreur? Mes connaissances sur ES6 m’ont amené à présumer […]

Copie approfondie dans ES6 en utilisant le signe de diffusion

J’essaie de créer une méthode de copie en profondeur pour mon projet Redux qui fonctionnera avec des objects plutôt qu’avec des tableaux. J’ai lu que dans Redux, chaque état ne devrait rien changer aux états précédents. export const mapCopy = (object, callback) => { return Object.keys(object).reduce(function (output, key) { output[key] = callback.call(this, {…object[key]}); return output; […]

Pourquoi ne puis-je pas importer une exportation par défaut avec «import… as» avec BabelJS

Dans la version 5.6.4 de BabelJS, je ne peux apparemment pas “importer … comme”. Voici des exemples de ce que j’essaie de faire: Dans le fichier ‘test.js’: export default class Test {}; Dans le fichier ‘test2.js’ (dans le même répertoire): import Test as Test2 from ‘./test’; J’ai aussi essayé de faire: import {Test as Test2} […]

Comment puis-je comstackr Babel 6 en javascript ES5?

J’ai installé la dernière version de babel. Actuellement 6.4.0. Je crée un fichier appelé myclass.js qui a le code suivant. class MyClass { constructor(name) { console.log(“I am a MyClass object .. “, name); } } var myclass = new MyClass(‘1234’); Après avoir créé ma classe, je fais ce qui suit dans la ligne de commande. […]

ES6 getter / setter avec fonction flèche

J’utilise babel6 et pour mon projet pet, je crée un wrapper pour XMLHttpRequest, pour les méthodes que je peux utiliser: open = (method, url, something) => { return this.xhr.open(method, url, something); } mais pour les propriétés, la fonction flèche ne fonctionne pas cela marche: get status() { return this.xhr.status; } mais je ne peux pas […]

Utilisation de points-virgules dans ES6

J’avais l’impression que les points-virgules étaient devenus obsolètes avec ES6. Cependant, je suis tombé sur cela aujourd’hui: Ne fonctionne pas: let i = 0 [0, 1, 2, 3, 4, 5, 6].forEach(item => console.log(item)) Travaux: let i = 0; [0, 1, 2, 3, 4, 5, 6].forEach(item => console.log(item)) Pourquoi le point-virgule est-il nécessaire ici, et quand […]

Pourquoi les accessoires JSX ne devraient-ils pas utiliser les fonctions de flèche ou se lier?

Je lance des peluches avec mon application React et je reçois cette erreur: error JSX props should not use arrow functions react/jsx-no-bind Et c’est là que onClick fonction flèche (dans onClick ): {this.state.photos.map(tile => ( this.selectPicture(tile)} style={{position: ‘absolute’, zIndex: 99, padding: 5, backgroundColor: ‘rgba(255, 255, 255, 0.72)’}} /> <GridTile title={tile.title} subtitle={by {tile.author}} actionIcon={ this.handleDelete(tile)}>} > […]

Erreur de syntaxe de la fonction flèche «expression attendue»

Je veux transformer ce code: var formatQuoteAmount = function (tx) { return Currency.toSmallestSubunit(tx.usd, ‘USD’); }; var quoteAmounts = res.transactions.map(formatQuoteAmount); dans une fonction de flèche anonyme. J’ai écrit ceci: var quoteAmounts = res.transactions.map(tx => Currency.toSmallestSubunit(tx.usd, ‘USD’)); J’obtiens une erreur de syntaxe expression expected à la flèche. J’ai recherché la syntaxe par défaut ici et semble que […]

Nœud v6 échouant sur la propagation d’object

J’avais une question sur la raison pour laquelle le nœud v6.7 échouerait à exécuter ce code: var a = { foo: ‘bar’ } var b = { …a, my: ‘sharona’ } console.log(b) Quelqu’un a une idée de ce que ce serait? Je pensais que la v6 supportait la propagation d’objects ..? Mais je suppose que […]

Comment configurer Babel 6 stage 0 avec React et Webpack

Ma compréhension des docs Je vois que Babel 6 a trois presets pour l’instant: es2015, react et stage-x. J’ai lu que je peux définir ceux de .babelrc comme .babelrc : { “presets”: [“es2015”, “react”, “stage-0”] } ou directement dans package.JSON ainsi: { …, “version”: xxx, “babel”: { “presets”: [“es2015”, “react”, “stage-0”] }, …, } Je […]