“La flèche de la fonction” ne fonctionne pas dans IE, pourquoi?

ci-dessous morceau de code ne fonctionne pas dans internet explorer 11, il renvoie une erreur de syntaxe dans la console

g.selectAll(".mainBars").append("text").attr("x",d=>(d.part=="primary"? -40: 40)).attr("y",d=>+6).text(d=>d.key).attr("text-anchor",d=>(d.part=="primary"? "end": "start"));

À l'aide de d3.js bipartite graphique pour la visualisation

ce code à l'origine du problème dans la déclaration ci-dessus d=>(d.part=="primary"? -40: 40)

IE11 ne prend pas en charge la flèche de notation pour les fonctions anonymes. Réécrire sous la forme function (d) { return d.part == "primary" ? -40 : 40; }.
Pas tous flèche fonctions sont anonymes. Ce n'est pas le cas, par exemple: var f = () => "foo";
Voir ici pour les navigateurs qui soutien cette syntaxe
^^ ... ou la doc.

OriginalL'auteur prakashkadakol | 2016-10-24

  1. 57

    Vous êtes à l'aide de la flèche fonctions. IE11 ne les supporte pas. Utilisation function fonctions à la place.

    Voici Babel est traduction de l'ES5:

    g.selectAll(".mainBars").append("text").attr("x", function (d) {
  return d.part == "primary" ? -40 : 40;
}).attr("y", function (d) {
  return +6;
}).text(function (d) {
  return d.key;
}).attr("text-anchor", function (d) {
  return d.part == "primary" ? "end" : "start";
});
    n'oubliez pas this: var f = (a) => {a.some1(); this.some2();}; à var f = function(a) {a.some1(); this.some2();}.bind(this);

    OriginalL'auteur

  2. 12

    Éviter l'utilisation de la flèche fonctions si vous avez besoin de soutien IE 11 il n'est pas pris en charge

    Modifier ces régulier de fonctions et de votre code devrait fonctionner comme prévu

    g.selectAll(".mainBars").append("text").attr("x",function(d) { 
  return d.part=="primary"? -40: 40;
}).attr("y",function(d){
  return +6;
}).text(function(d) { 
  return d.key;
}).attr("text-anchor", function(d) { 
  return d.part=="primary"? "end": "start";
});

    OriginalL'auteur Felipe Sabino

  3. 0

    Il est un outil pratique et rapide pour transpiling votre ES6 codes à ES5.1 pour travailler dans IE. visitez le Babel site puis collez votre code dans la zone de gauche et de copier le droit de la boîte de code qui est transpiled à la version antérieure de JavaScript.

    Par exemple, votre code est transpiled:

    "use strict";

    g.selectAll(".mainBars").append("text").attr("x", function (d) {
  return d.part == "primary" ? -40 : 40;
}).attr("y", function (d) {
  return +6;
}).text(function (d) {
  return d.key;
}).attr("text-anchor", function (d) {
  return d.part == "primary" ? "end" : "start";
});

    OriginalL'auteur AmerllicA