Gibt es eine Polyfill für es6 Pfeilfunktion?

Question

Gibt es eine polyfill für es6 Pfeilfunktion?

der folgende Code löst Syntax Fehler Ausnahme in IE, gibt es eine polyfill IE-Unterstützung Pfeilfunktionen machen?

var myFunc =()=>{ 
    alert('es6'); 
} 
myFunc(); 

Hinweis: Ich will nicht transpiler verwenden.

Vielen Dank im Voraus

Answer 1

Es gibt keine Polyfill für Pfeilfunktionen. Es ist ein Syntaxfehler, den Code zu schreiben, den Sie haben, es sei denn, Sie verwenden einen Transpiler.

Answer 2

Ein Polyfill kann Klassen, Funktionen oder Objekte hinzufügen oder korrigieren, aber es kann die Syntax eines Compilers nicht ändern.

Answer 3

Funktionen, die eine neue Syntax hinzufügen, können nicht mehrfach ausgefüllt werden.

Ich kann nur an babel-standalone denken, die Sie sich als JIT-Compiler/Transpiler vorstellen können (wenn das bei Ihnen OK ist).

Answer 4

Ich bin ziemlich grün mit JS, so habe ich das Gefühl, dass dies nicht als eine Polyfill qualifizieren kann ... aber es scheint, ein "Klebeband" Stopglücke zu sein. Ich fand a fiddle von Luis Perez, die diese Funktionalität gibt. Ich arbeite immer noch daran, die Pfeilfunktionen besser zu verstehen, aber es funktioniert zumindest mit einem der MDN arrow function examples. Hier ist der Ausschnitt, den ich nach dem Spielen verstanden habe (besser zumindest) lol. Ich hoffe es ist nützlich für jemanden.

var str = [ 
 
    'Hydrogen', 
 
    'Helium', 
 
    'Lithium', 
 
    'Beryllium' 
 
]; 
 

 
var g_arrowCache = Object.create(null); 
 
function arrow(expression) { 
 
    function cache(cache, key, getValueFunc) { 
 
    var value = cache[key]; 
 
    
 
    if(value === undefined) { 
 
     value = getValueFunc(key); 
 
     cache[key] = value; 
 
    } 
 
    return value; 
 
    } 
 
    
 
    function arrowImpl(expression) { 
 
    // This function is a polyfill for proposed "arrow functions" in JavaScript. 
 
    // Example: str.map(_$("str => str.length")) 
 
    
 
    if (expression.search(/\bthis\b/) != -1) throw "'this' not supported"; 
 
    
 
    var indexOfArrow = expression.indexOf("=>"); 
 
    if(indexOfArrow == -1) throw "Expressio is missing the arrow operator =>"; 
 
    var parametersString = expression.substring(0, indexOfArrow); 
 
    
 
    parametersString = parametersString.replace("(", "").replace(")", ""); 
 
    
 
    var parameters = parametersString.split(","); 
 
    parameters.map(function(o) { return o.trim(); }); 
 
    
 
    var functionBody = expression.substring(indexOfArrow + 2); 
 
    
 
    if(expression.indexOf("{") != -1) throw "Use of curly brackets for multiple statements not supported or recommended."; 
 
    if(expression.indexOf("}") != -1) throw "Use of curly brackets for multiple statements not supported or recommended."; 
 
    
 
    functionBody = "return " + functionBody.trim() + ";"; 
 
    var args = parameters.slice(0); 
 
    args.push(functionBody); 
 
    var func = Function.constructor.apply(null, args); 
 
    return func; 
 
    } 
 
    return cache(g_arrowCache, expression, arrowImpl); 
 
} 
 
var _$ = arrow; 
 
console.log(str.map(_$("str => str.length")));