Non è possibile utilizzare la parola chiave "let" in Safari Javascript?

Question

Non capisco il modo migliore per utilizzare "let" parola chiave ...

• In IE11 e Chrome45 posso usarlo bene
• In Safari8.0.4, come nelle versioni precedenti di Chrome, dà l'errore "uso imprevisto della parola riservata" let ""
• In Firefox la parola chiave let funziona solo all'interno di <script type="application/javascript;version=1.7"/>, ma questo tipo di script non è nemmeno riconosciuto come Javascript in IE11, Chrome45, Safari8.

Ecco un JSFiddle che mostra in azione: https://jsfiddle.net/p6cgtyg6/1/

Quindi - non mi dispiace che richiede agli utenti di utilizzare le versioni moderne di loro browser.

E non mi dispiace escludere Safari se onestamente non esiste alcuna versione di Safari che supporti questa parola chiave. (È proprio vero? Perché tutti passano tutto il tempo a preoccuparsi di IE quando Safari sembra molto peggio in termini ES6? Ho perso qualcosa?).

Ma come posso consentire a "let" di funzionare in Firefox senza impedire Chrome/IE? (Non ho ancora trovato link da persone che si lamentano di come il tag script di Firefox si comporta in modo diverso da Chrome e mi sarei aspettato più lamentele, quindi immagino di aver perso qualcosa di ovvio ...)

Answer 1

Per quanto riguarda Safari 8, è solo not supported; per quel browser, ti consiglio di utilizzare Babel.

Se si ha la sensazione che this bug non venga corretto in qualsiasi momento, si potrebbe avere uno script in grado di rilevare Firefox che inietta gli script con il valore appropriato per l'attributo type.

Come nota a margine, vorrei consigliare di non utilizzare let blocchi, a meno che non si voglia utilizzare this transpiler e lasciare espressioni che sono will be dropped.

Answer 2

Vedi compatibilità del browser di questa parola chiave ES6.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let#Browser_compatibility

anche see this SO post per ES6 rilevamento funzione.

Answer 3

let è una parte della specifica ECMAScript 6 e lo stesso ECMAScript 6 è in stato 'bozza'. Anche nella sua forma incompleta, le sue funzionalità non sono completamente supportate dalle effettive versioni del browser.

Dal momento che si desidera tuffarsi ES6 oggi per la produzione, la soluzione migliore è quella di utilizzare ES6 per ES5 transpiler, quelli più importanti sono Babel e Traceur, che sono disponibili sia come CLI e pacchetti per il sistema di generazione di vostra scelta. Ci sono strumenti online per Babel e Traceur per provarli. L'estensione Scratch JS per Chrome utilizza sia Babel che Traceur ed è eccellente per lo sviluppo e la compilazione di script ES6 se il sistema di generazione non è un'opzione.

Questo è il numero up-to-date comparison table che include il supporto delle funzioni ES6 in entrambi i browser e nei compilatori ES6.

E qui è a great collection di strumenti correlati a ES6.