IE11에서 d3.js 화살표 기능이 실패하는 이유는 무엇입니까?

IE 11의 화살표 함수 구문 오류

d3.js를 시각화에 사용하면 IE에서 실행할 때 코드 조각에 구문 오류가 발생합니다. 11. 오류는 정의하는 데 사용된 화살표 기능 내에서 특히 발생합니다.

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"));

문제

오류의 원인은 화살표 함수 d => {}는 IE 11에서 지원되지 않습니다. 화살표 함수는 ES6에 도입된 최신 JavaScript 구문인 반면, IE 11은 ES5까지만 지원합니다.

솔루션

문제를 해결하려면 화살표 함수를 IE에서 이해할 수 있는 기존 함수 구문으로 바꾸세요. 11.

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";
    });

추가 고려 사항

기존 함수 구문은 IE 11에서 지원되지만 일반적으로 가능한 경우 최신 JavaScript 기능을 사용하는 것이 좋습니다. 더 깨끗하고 효율적인 코드. 하지만 이 경우 IE 11과 같은 이전 브라우저와의 호환성을 위해 ES5 구문을 사용해야 합니다.

위 내용은 IE11에서 d3.js 화살표 기능이 실패하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!