Hinzufügen Versprechen polyfill für ES6

Ich habe eine Reagieren-Projekt geschrieben in ES6. Es ist kompiliert mit Babel und funktioniert Recht gut. Außer für ein Versprechen (von vielen!) das wirkt nur im IE, für die ich schon weiß - hat keine Unterstützung für verspricht. Also dachte ich sofort an fügen Sie ein polyfill zu liefern verspricht für den IE, aber dann dachte ich mir "Halten, sind Sie schon schreiben ES6 und nicht kompiliert in ES5 überhaupt?" Wer wüsste besser als SO?

So gibt es keinen Sinn bei hinzufügen eines polyfill wie es6-Versprechen zu meinem Projekt? Und wenn es ist, wie soll ich es syntaktisch? Für jetzt habe ich nur noch das importieren, aber ich sollte wohl implementieren, die es irgendwie als gut?

import Promise from 'es6-promise';

Auch hier ist das Versprechen, dass die Ursachen der Probleme im IE, vielleicht habe ich einen syntax-Fehler, den ich noch nicht bemerkt mich! 🙂

new SingleObjectResource(DJ_CONST.API.setLanguage)
    .put(null, {language_code: theLanguage})
    .then(
        function() {
            window.location.reload();
        }
    );

Babel nur transpiles die Funktionen der Sprache zu ES5. Müssen Sie noch polyfills 🙂 Einfach fallen lassen, der an der Oberseite Ihrer Seiten, Mach dir keine sorgen über importing nichts, nur zu schreiben das ES6, wie es war nativ verfügbar
es6-Versprechen ist eine langsame und ziemlich veraltet polyfill, soweit ich weiß.
RGraham, ich werde es ausprobieren, erste chance, die ich bekommen, aber es scheint schon, dass Sie es geschafft haben, erfassen Sie die Antwort, die ich erwartet, in nur zwei Sätzen. Danke!!!
Warum nicht bluebird überall? Seine schneller als die der einheimischen verspricht. Und polyfills für IE zu. Und ich arbeite nicht für Sie :).
Ist SingleObjectResource etwas, was Sie gemacht, oder ein 3rd-party-Bibliothek? Sind Sie immer eine Art von Fehler in der Konsole? Wenn nicht, versuchen Sie, ein .catch(function (error) { console.log(error); }) nach Ihrem .then().
SingleObjectResource ist Teil einer library. Nun, dass ich babel-polyfill für mein Projekt, ist also immer noch nicht funktioniert und ich erhalte eine unhandled promise rejection error im IE-Konsole. Keine Ahnung, ob es war es, bevor hinzufügen von babel aber. Es erschien nur nach einiger Wartezeit, nicht sofort. Jedenfalls - sollte ich importieren, das polyfill in die Datei, die enthält die SingleObjectResource oder in der Datei, die die Funktion aufruft, enthält die SingleObjectResource?

InformationsquelleAutor wanaryytel | 2015-12-16

12

Hatte ich die gleiche situation & war sehr frustriert, als ich hatte zum bereitstellen von Produktions-app, das problem, Das ich hatte, war mit dem Versprechen von fetchjs. Dies ist, was ich tun, um mein Leben zu retten
```
npm install --save es6-promise //first install as a dependency & then added in broswerify as dependency.
```
und dann in meiner main JS-Datei, möchte nannten diese
```
   import "es6-promise/auto";
```
als von hier aus https://github.com/stefanpenner/es6-promise#auto-polyfill

grundsätzlich seine alternativen syntax von
```
require('es6-promise').polyfill();
```
Grundsätzlich Unter der Haube Der polyfill () - Methode wird der patch auf die Globale Umwelt (in diesem Fall, um das Versprechen Namen), wenn Sie aufgerufen.

Hinweis: ich war mit gulp mit browserify.

InformationsquelleAutor Danish
1

Konnte ich nicht Bearbeiten meiner vorherigen Antwort früher, als erhielt ich die abgeben Kommentar in der Nacht, als ich offline war... re-posting auf meine Antwort mit eingebetteten Informationen für den review-feedback. Danke.

Warum nicht bluebird überall? Seine schneller als die der einheimischen verspricht. Und polyfills für den IE zu. Und ich arbeite nicht für Sie :).

EDIT:

Mit bluebird anstelle der nativen Versprechen -
```
const Promise = require('bluebird');
```
1. Hinzugefügt perf Vergleiche -
```
results for 10000 parallel executions, 1 ms per I/O op

file                                     time(ms)  memory(MB)
callbacks-baseline.js                         232       35.86
promises-bluebird-generator.js                235       38.04
promises-bluebird.js                          335       52.08
promises-cujojs-when.js                       405       75.77
promises-tildeio-rsvp.js                      468       87.56
promises-dfilatov-vow.js                      578      125.98
callbacks-caolan-async-waterfall.js           634       88.64
promises-lvivski-davy.js                      653      109.64
promises-calvinmetcalf-lie.js                 732      165.41
promises-obvious-kew.js                      1346      261.69
promises-ecmascript6-native.js               1348      189.29
generators-tj-co.js                          1419      164.03
promises-then-promise.js                     1571      294.45
promises-medikoo-deferred.js                 2091      262.18
observables-Reactive-Extensions-RxJS.js      3201      356.76
observables-caolan-highland.js               7429      616.78
promises-kriskowal-q.js                      9952      694.23
observables-baconjs-bacon.js.js             25805      885.55

Platform info:
Windows_NT 6.1.7601 x64
Node.JS 1.1.0
V8 4.1.0.14
Intel(R) Core(TM) i5-2500K CPU @ 3.30GHz × 4
```
2. IE Polyfill-code -
```
import Bluebird from 'bluebird';
//Node
global.Promise = Bluebird;
//Browser
window.Promise = Bluebird;
```
- Diese noch beantwortet nicht die Frage, werden Sie Antworten "wie wähle ich ein element" durch "jQuery". Die performance-benchmark ist völlig irrelevant für die Frage auf der hand.
- Dein Vergleich ist verständlich, aber ich bin nicht einverstanden, dass mein Kommentar ist irrelevant, auf das Thema bei der hand. Die OP präsentiert eine mögliche cross-browser-Problem im IE mit Versprechen und ist auch die Bewertung mit einem anderen polyfill, die nachweislich langsamer als bluebird. Die alternative, die ich erwähnte ist nicht nur schneller als die einheimischen, es unterstützt Internet Explorer als auch. Ein argument ähnlich deinem Beispiel wäre... jQuery verwenden, anstatt zu sagen querySelector weil letztere wird noch nicht unterstützt von allen Browsern.
- Die Frage der Leistung ist irrelevant für diese Frage, das Problem der browser-Kompatibilität ist.
- Es scheint relevant zu sein, wie Benjamin erwähnt, dem es6 polyfill ist langsam, das ist ein wichtiger Faktor. Der OP hat explizit gefragt, für Empfehlungen zu verwenden. Anyways, ich würd lassen, die OP entscheiden.
- Geschwindigkeit macht definitiv für einen gültigen Punkt, aber wenn ich Erfolg habe mit babel, ich würde es vorziehen, eine Lösung, die keine andere Bibliothek (da bin ich schon ausgeführt babel). Natürlich, wenn ich laufen war es6-promise wie ich war, die Planung am Anfang, dann ist dein post hätte viel mehr Relevanz, da es6-promise ist eine separate Bibliothek. Aber deinem ersten post definitiv gescheitert zu liefern, wie Sie genau umzusetzen, bluebird, es wies darauf hin, dass es ein guter Ersatz für es6-promise - diese Bemerkung würde besser passen in einen Kommentar, denke ich.
- Es hat mir nicht vorkommen, dass wie zu verwenden bluebird Erläuterung Bedarf. Meist ist es - const Promise = require('bluebird');
InformationsquelleAutor hazardous
1

Obwohl Sie mit Babel (nur traspiling und nicht das hinzufügen von Funktionen), polyfills benötigt werden.

Alles, was Sie tun müssen, ist installieren Sie das Paket:
```
npm install --save es6-promise
```
Innen webpack.config.js (oder wo auch immer Ihr webpack Konfigurationen sind, vorausgesetzt, Sie sind mit webpack)
```
require('es6-promise').polyfill();
```
Den polyfill () - Methode wird der patch auf die Globale Umwelt (in diesem Fall, um das Versprechen Namen), wenn Sie aufgerufen. Mehr Infos unter https://github.com/stefanpenner/es6-promise
- Wie schreibst du "require('es6-Versprechen').polyfill();" als ein es6 import-Anweisung ?
- Sie können versuchen, mit den import notation. Ich habe auch ein ES6-Projekt, aber ich Schreibe immer noch diese Linie als ES5.
InformationsquelleAutor tomericco

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

1. Hinzugefügt perf Vergleiche -