Come far funzionare le promesse in IE11

Question

Ho un codice semplice che funziona perfettamente su tutti i browser ad eccezione di Internet Explorer 11. Come posso farlo funzionare su tutti i browser?

Codepen

Grazie in anticipo.

'use strict'; 

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

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

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

Answer 1

Se si desidera che questo tipo di codice per l'esecuzione in IE11 (che non supporta gran parte ES6 a tutti), allora avete bisogno di ottenere una libreria di terze parti promessa (come Bluebird), includere tale biblioteca e il cambiamento la codifica per utilizzare le strutture di codifica ES5 (nessuna funzione di freccia, n. let, ecc.) in modo da poter vivere entro i limiti di ciò che i vecchi browser supportano.

Oppure, è possibile utilizzare un transpiler (come Babel) per convertire il codice ES6 in codice ES5 che funzionerà con i browser più vecchi.

Ecco una versione del codice scritto in sintassi ES5 con la libreria promessa Bluebird:

<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>