Comment faire des promesses de travail dans IE11

J'ai un code simple qui fonctionne parfaitement sur tous les navigateurs sauf Internet Explorer 11. Comment puis-je le faire fonctionner sur tous les navigateurs?

Codepen

Merci d'avance.

'use strict';

let promise = new Promise((resolve, reject) => {

  setTimeout(() => {
    resolve("result");
  }, 1000);
});

promise
  .then(
    result => {
      alert("Fulfilled: " + result);
    },
    error => {
      alert("Rejected: " + error);
    }
  );
  • ie11 n'a pas es2015
  • IE11 ne soutient fonctions, ni native Promesses. Utiliser un JS transpiler (comme babel) ou n'utilisez pas ES6 fonctionnalités. Pour la Promesse du soutien, vous pouvez utiliser une bibliothèque comme bluebird.
  • (BTW, remarque comment caniuse.com, montre que ce code serait également ne pas fonctionner dans certains autres navigateurs que IE11. Prenez l'habitude de vérifier comment bien pris en charge un JS, CSS ou HTML fonctionnalité que vous souhaitez utiliser est.)
  • Connexes stackoverflow.com/questions/27835687/...
  • Si vous utilisez Babeljs à transpile votre code, vous pouvez installer le "es2015-ie" preset avec le "babel-polyfill" npm module pour résoudre ce problème de compatibilité avec IE ainsi que d'éviter une flopée d'autres IE questions liées à la
InformationsquelleAutor Billy Logan | 2016-03-15
  1. 75

    Si vous souhaitez ce type de code à exécuter dans IE11 (qui ne supporte pas beaucoup de ES6 à tous), alors vous avez besoin pour obtenir un 3ème partie de la promesse de la bibliothèque (comme Bluebird), comprennent que la bibliothèque et de modifier votre code pour utiliser ES5 structures de codage (pas de flèche, des fonctions, pas de let, etc...) de sorte que vous pouvez vivre dans les limites de ce que les anciens navigateurs soutien.

    Ou, vous pouvez utiliser un transpiler (comme Babel) pour convertir votre ES6 code de ES5 code qui fonctionne dans les navigateurs plus anciens.

    Voici une version de votre code écrit dans l'ES5 syntaxe avec le Bluebird promesse de la bibliothèque:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js"></script>

<script>

'use strict';

var promise = new Promise(function(resolve) {
    setTimeout(function() {
        resolve("result");
    }, 1000);
});

promise.then(function(result) {
    alert("Fulfilled: " + result);
}, function(error) {
    alert("Rejected: " + error);
});

</script>
    • Je suppose également jquery.différés peuvent être utilisés , jquery.différés est pris en charge, probablement, c'est à dire à partir de 6+ , aussi pourquoi jquery différés depuis jquery est très populaire et utile de la bibliothèque et de nombreuses fois dans de grands projets, qui comprend des trucs sur JS, la plupart d'entre eux ,s'ils utilisent les bibliothèques alors qu'ils seraient pour la plupart à l'aide de Jquery trop. de sorte que vous ne sera pas nécessaire d'ajouter une autre dépendance à votre projet et vous pouvez faire vos chefs d'équipe / chefs de projet plus heureux
    • Oui, jQuery promesses (avec leur non-standard de mise en œuvre) pourrait être utilisé à la place de l'ES6 promesse de la syntaxe, mais les OP semblait poser sur l'utilisation de new Promise() qui n'est pas une syntaxe jQuery prend en charge. La même chose pourrait être dit à propos d'une autre promesse bibliothèques tel que Q qui sont compatibles avec les navigateurs plus anciens, mais qui ont leur propre non-standard de la syntaxe.
    • oui c'est vrai et je suis d'accord avec votre réponse, mais pourquoi j'ai ajouté le commentaire est que je ne voudrais pas personnellement ajouter de la bibliothèque comme bluebird, qui en effet est très bon, mais dans mon expérience, je n'ai pas vu beaucoup de gens qui préfèrent sur jQuery. Si c'est juste un avis et juste une autre solution pour la communauté.
    • Je ne voudrais pas inclure jQuery juste pour les requêtes http. C'est beaucoup de bagages, un plus petit, plus l'accent de la bibliothèque comme Bluebird ou Axios serait mieux. Je ne pense pas que quiconque devrait préférer jQuery sur les autres bibliothèques de ces jours, sauf si le projet est déjà à l'aide de jQuery pour tout.
    • bon, c'était un bon apprentissage pour moi. Merci pour les commentaires.
    • let et const sont disponibles avec ie11, lorsqu'il n'est pas utilisé dans une boucle for. il est l'un des seuls es6 fonction ei11 en fait de soutien. (avec peu de Map et Set et certains autres frais divers de fonction)

    InformationsquelleAutor jfriend00
  2. -4

    cela fonctionne pour moi sous ie 11 

    (function (undefined) { }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});

    polyfill.sj: https://codepureandsimple.com/polyfilling-internet-explorer-11-a715c5b3c72

    InformationsquelleAutor Milton Alvarado