Programmierung ecmascript-6

5

Methoden in ES6-Objekten: Verwenden von Pfeilfunktionen

In ES6 sind beide legal: var chopper = { owner: 'Zed', getOwner: function() { return this.owner; } }; und als Abkürzung: var chopper = { owner: 'Zed', getOwner() { return this.owner; } } Ist es möglich, auch die neuen Pfeilfunktionen zu verwenden? Beim Versuch so etwas var chopper = { …

90 javascript ecmascript-6 ecmascript-harmony

6

Verwenden der Spread-Syntax und des neuen Set () mit Typoskript

Ich verwende folgenden Code, um eindeutige Nummern zu erhalten: let uniques = [ ...new Set([1, 2, 3, 1, 1]) ]; // [1, 2, 3] Typoskript meldet jedoch folgenden Fehler: Typ 'Set' ist kein Array-Typ. Ich bin kein Typoskript-Ninja. Kann mir jemand sagen, was hier falsch ist?

90 javascript typescript ecmascript-6 spread-syntax

1

Aktive Verbindung mit React-Router?

Ich probiere React-Router (v4) aus und habe Probleme beim Starten der Navigation, um eines der Linkzu haben active. Wenn ich auf eines der LinkTags klicke, funktioniert das aktive Material. Ich möchte jedoch, dass Home Linkaktiv ist, sobald die App gestartet wird, da dies die Komponente ist, die auf der /Route …

90 javascript reactjs ecmascript-6 react-router

12

Ist es möglich, ein ES6-Kartenobjekt zu sortieren?

Ist es möglich, die Einträge eines es6-Kartenobjekts zu sortieren? var map = new Map(); map.set('2-1', foo); map.set('0-1', bar); Ergebnisse in: map.entries = { 0: {"2-1", foo }, 1: {"0-1", bar } } Ist es möglich, die Einträge nach ihren Schlüsseln zu sortieren? map.entries = { 0: {"0-1", bar }, 1: …

89 javascript ecmascript-6

13

.map () eine Javascript ES6 Map?

Wie würdest du das machen? Instinktiv möchte ich tun: var myMap = new Map([["thing1", 1], ["thing2", 2], ["thing3", 3]]); // wishful, ignorant thinking var newMap = myMap.map((key, value) => value + 1); // Map { 'thing1' => 2, 'thing2' => 3, 'thing3' => 4 } Ich habe nicht viel aus …

89 javascript ecmascript-6

3

Dokumentieren Sie den destruzierten Funktionsparameter in JSDoc

Bisher habe ich meine Objektparameter immer wie folgt dokumentiert: /** * Description of the function * * @param {Object} config - The configuration * @param {String} config.foo * @param {Boolean} [config.bar] - Optional value * @return {String} */ function doSomething (config = {}) { const { foo, bar } = …

89 arguments ecmascript-6 jsdoc destructuring

3

Javascript-Objektliteral: Was genau ist {a, b, c}?

Die Frage, die ich habe, wird am besten über diese jsfiddle gestellt , deren Code unten steht: var a = 1, b = 'x', c = true; var d = {a: a, b: b, c: c}; // <--- object literal var e = [a, b, c]; // <--- array var …

88 javascript ecmascript-6

2

Backticks, die eine Funktion aufrufen

Ich bin mir nicht sicher, wie ich das erklären soll, aber wenn ich renne console.log`1` In Google Chrome bekomme ich Ausgabe wie console.log`1` VM12380:2 ["1", raw: Array[1]] Warum ruft der Backtick die Protokollfunktion auf und warum erstellt er einen Index von raw: Array[1]? Eine Frage, die Catgocat im JS-Raum gestellt …

88 javascript ecmascript-6 template-strings template-literals tagged-templates

1

Was ist der Unterschied zwischen hübscher-eslint, eslint-plugin-hübscher und eslint-config-hübscher?

Ich möchte Prettier und ESLint zusammen verwenden, aber ich habe einige Konflikte erlebt, indem ich sie nacheinander verwendet habe. Ich sehe, dass es diese drei Pakete gibt, die es zu ermöglichen scheinen, sie zusammen zu verwenden: prettier-eslint eslint-plugin-prettier eslint-config-prettier Ich bin mir jedoch nicht sicher, welche ich verwenden soll, da …

87 javascript ecmascript-6 eslint code-formatting prettier

6

Der beste Weg, um ES6-Funktionen in der React-App mit der Create-React-App zu füllen

Ich habe meine React.js-Anwendung im Internet Explorer getestet und festgestellt, dass ES6 / 7-Code Array.prototype.includes()sie beschädigt . Ich verwende die Create-React-App und anscheinend haben sie sich dafür entschieden, nicht viele Polyfills einzuschließen, da nicht jeder sie benötigt, und sie verlangsamen die Erstellungszeiten (siehe zum Beispiel hier und hier ). Die …

87 javascript reactjs ecmascript-6 create-react-app ecmascript-7

2

Geschweifte Klammern (Klammern) im Knoten erfordern eine Anweisung

Ich versuche, den Unterschied zwischen den beiden erforderlichen Aussagen zu verstehen. Was genau ist der Zweck des { }s umwickelt ipcMain? const electron = require('electron') const {ipcMain} = require('electron') Beide scheinen den Inhalt des Elektronenmoduls zuzuweisen, funktionieren aber offensichtlich unterschiedlich. Kann jemand etwas Licht ins Dunkel bringen?

87 javascript node.js ecmascript-6 destructuring

5

Der ES2015-Import funktioniert in Firefox nicht (auch nicht auf oberster Ebene)

Dies sind meine Beispieldateien: <!DOCTYPE html> <html> <head> <title>Test</title> <script src="t1.js"></script> </head> <body></body> </html> t1.js: import Test from 't2.js'; t2.js: export const Test = console.log("Hello world"); Wenn ich die Seite in Firefox 46 lade, wird "SyntaxError: Importdeklarationen werden möglicherweise nur auf der obersten Ebene eines Moduls angezeigt" zurückgegeben. Ich bin …

87 javascript html firefox ecmascript-6 es6-modules

7

Warum können Objekte in JavaScript nicht iteriert werden?

Warum sind Objekte standardmäßig nicht iterierbar? Ich sehe ständig Fragen im Zusammenhang mit iterierenden Objekten. Die übliche Lösung besteht darin, die Eigenschaften eines Objekts zu durchlaufen und auf diese Weise auf die Werte innerhalb eines Objekts zuzugreifen. Dies scheint so häufig zu sein, dass ich mich frage, warum Objekte selbst …

87 javascript arrays iterator ecmascript-6 ecmascript-5

4

Filtern oder Zuordnen von Knotenlisten in ES6

Was ist der effizienteste Weg, um eine Knotenliste in ES6 zu filtern oder zuzuordnen? Basierend auf meinen Messwerten würde ich eine der folgenden Optionen verwenden: [...nodelist].filter oder Array.from(nodelist).filter Welches würdest du empfehlen? Und gibt es bessere Möglichkeiten, zum Beispiel ohne Arrays?

87 javascript arrays filter ecmascript-6 nodelist

2

Javascript ES6 Rechen- / Zeitkomplexität von Sammlungen

Welche zeitliche Komplexität (in Big-O-Notation) bietet die ES6-Spezifikation für die Schlüsselsammlungen (Set, Map, WeakSet und WeakMap)? Meine Erwartung, und ich erwarte , dass die meisten Entwickler, ist , dass die Spezifikationen und Implementierungen verwenden würden weitgehend akzeptiert performant Algorithmen, wobei in diesem Fall Set.prototype.has, addund deletefür alle O (1) im …

87 javascript time-complexity ecmascript-6

Als «ecmascript-6» getaggte Fragen