Programmierung ecmascript-6

3

Debuggen im Web Inspector von Safari bei Verwendung eines Modulladeprogramms wie SystemJS

Ich erstelle eine IonicApp es6 modules, TypeScriptund SystemJSals Modul - Lader. Dies ist mein Setup: tsconfig.json: { "compilerOptions": { ... "target": "es5", "module": "system", ... } } index.html: <script src="lib/system.js"></script> <script src="systemjs.config.js"></script> <script>System.import('js/app.js')</script> Beispielskript (TypeScript): import {IConfig} from "./app-config"; export class ConfigLoader { ... } In Chrome läuft alles super. …

122 javascript safari ecmascript-6 systemjs web-inspector

14

Wie kann ein Zahlenbereich von 0 bis n nur in ES2015 generiert werden?

Ich habe immer festgestellt, dass die rangeFunktion in JavaScript fehlt, da sie in Python und anderen verfügbar ist. Gibt es eine präzise Möglichkeit, in ES2015 einen Zahlenbereich zu generieren? EDIT: MEINE Frage unterscheidet sich von dem erwähnten Duplikat, da sie spezifisch für ES2015 und nicht für ECMASCRIPT-5 ist. Außerdem muss …

121 javascript arrays ecmascript-6

3

Was machen geschweifte Klammern in Funktionsparameterlisten in es6?

Ich sehe immer wieder Funktionen, die so aussehen, in einer Codebasis, an der ich arbeite: const func = ({ param1, param2 }) => { //do stuff } Was genau macht das? Es fällt mir schwer, es bei Google zu finden, da ich nicht einmal sicher bin, wie das heißt oder …

120 javascript ecmascript-6

5

Verwenden der Variablen _ (Unterstrich) mit Pfeilfunktionen in ES6 / Typescript

Ich bin in einem Angular-Beispiel auf dieses Konstrukt gestoßen und frage mich, warum dies gewählt wurde: _ => console.log('Not using any parameters'); Ich verstehe, dass die Variable _ bedeutet, dass es egal ist / nicht verwendet wird, aber da es die einzige Variable ist, gibt es einen Grund, die Verwendung …

119 javascript typescript ecmascript-6 arrow-functions

4

Was bewirken geschweifte Klammern in den Anweisungen `var {…} =…`?

Ich bin mir nicht sicher, ob dies eine Mozilla-spezifische JS-Syntax ist, aber ich habe häufig festgestellt, dass Variablen auf diese Weise deklariert werden, z. B. in SDK-Zusatzdokumenten : var { Hotkey } = require("sdk/hotkeys"); und in verschiedenen Chrom-Javascript ( letAussage wird anstelle von verwendet var), let { classes: Cc, interfaces: …

117 javascript ecmascript-6 destructuring javascript-1.7

3

React, ES6 - getInitialState wurde in einer einfachen JavaScript-Klasse definiert

Ich habe die folgende Komponente ( radioOther.jsx): 'use strict'; //module.exports = <-- omitted in update class RadioOther extends React.Component { // omitted in update // getInitialState() { // propTypes: { // name: React.PropTypes.string.isRequired // } // return { // otherChecked: false // } // } componentDidUpdate(prevProps, prevState) { var otherRadBtn …

115 reactjs ecmascript-6

2

Verwenden von Klammern mit Javascript-Importsyntax

Ich bin auf eine Javascript-Bibliothek gestoßen, die die folgende Syntax zum Importieren von Bibliotheken verwendet: import React, { Component, PropTypes } from 'react'; Was ist der Unterschied zwischen der obigen Methode und der folgenden? import React, Component, PropTypes from 'react';

115 javascript ecmascript-6 es6-modules

12

Destrukturierung, um das letzte Element eines Arrays in es6 zu erhalten

In Coffeescript ist dies unkompliziert: coffee> a = ['a', 'b', 'program'] [ 'a', 'b', 'program' ] coffee> [_..., b] = a [ 'a', 'b', 'program' ] coffee> b 'program' Erlaubt es6 etwas Ähnliches? > const [, b] = [1, 2, 3] 'use strict' > b // it got the second …

115 ecmascript-6 destructuring

9

ES6 exportiert alle Werte aus dem Objekt

Angenommen, ich habe ein Modul ( ./my-module.js) mit einem Objekt, dessen Rückgabewert sein sollte: let values = { a: 1, b: 2, c: 3 } // "export values" results in SyntaxError: Unexpected token So kann ich sie importieren wie: import {a} from './my-module' // a === 1 import * as …

112 module export ecmascript-6

5

Gibt es eine Möglichkeit, Schnittstellen in ES6 / Node 4 zu erstellen?

ES6 ist in Knoten 4 vollständig verfügbar. Ich habe mich gefragt, ob es ein Schnittstellenkonzept zum Definieren von Methodenverträgen wie in enthält MyClass implements MyInterface. Ich kann mit meinem Googeln nicht viel finden, aber vielleicht gibt es einen netten Trick oder eine Problemumgehung.

109 javascript node.js interface ecmascript-6

10

Importname der ES6-Variablen in node.js?

Ist es möglich, während des ES6-Imports etwas in ein Modul mit Variablennamen zu importieren? Dh ich möchte ein Modul zur Laufzeit importieren, abhängig von den in einer Konfiguration angegebenen Werten: import something from './utils/' + variableName;

108 javascript node.js ecmascript-6

4

Notation der Javascript-Objektklammer ({Navigation} =) auf der linken Seite der Zuweisung

Ich habe diese Syntax noch nie gesehen und frage mich, worum es geht. var { Navigation } = require('react-router'); Die Klammern links geben einen Syntaxfehler aus: unerwartetes Token { Ich bin nicht sicher, welcher Teil der Webpack-Konfiguration transformiert wird oder welchen Zweck die Syntax hat. Ist es eine Harmonie-Sache? Kann …

108 javascript webpack ecmascript-6

5

ES6, wie können Sie ein importiertes Modul in einer einzigen Zeile exportieren?

Ich möchte Folgendes tun, aber wenn möglich mit einer einzigen Zeile: import Module from './Module/Module; export Module; Ich habe Folgendes versucht, aber es scheint nicht zu funktionieren: export Module from './Module/Module;

107 react-native ecmascript-6 import

8

Wie kann man die Funktion mit ES6-Klassen erweitern?

Overа этот вопрос есть ответы на Stapelüberlauf на русском : Наследование от функции Mit ES6 können spezielle Objekte erweitert werden. Es ist also möglich, von der Funktion zu erben. Ein solches Objekt kann als Funktion aufgerufen werden, aber wie kann ich die Logik für einen solchen Aufruf implementieren? class Smth …

105 javascript function inheritance ecmascript-6 javascript-inheritance

6

Warum sollten JSX-Requisiten keine Pfeilfunktionen verwenden oder binden?

Ich verwende mit meiner React-App Flusen und erhalte folgende Fehlermeldung: error JSX props should not use arrow functions react/jsx-no-bind Und hier führe ich die Pfeilfunktion (innen onClick) aus: {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox defaultChecked={tile.checked} onCheck={() => this.selectPicture(tile)} style={{position: 'absolute', zIndex: 99, padding: 5, backgroundColor: 'rgba(255, 255, 255, 0.72)'}} /> …

103 javascript reactjs ecmascript-6 jsx arrow-functions

Als «ecmascript-6» getaggte Fragen