為什麼我的 d3.js 箭頭函數在 IE11 失敗？

IE 11 中箭頭函數語法錯誤

使用d3.js 進行視覺化，一段程式碼在IE 執行時遇到語法錯誤111 .這個錯誤專門發生在用於定義的箭頭函數內

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 語法。

以上是為什麼我的 d3.js 箭頭函數在 IE11 失敗？的詳細內容。更多資訊請關注PHP中文網其他相關文章！