可折叠树图 v4 和 Internet Explorer答案

【问题标题】：Collapsible tree diagram v4 and Internet Explorer可折叠树图 v4 和 Internet Explorer
【发布时间】：2018-11-16 13:28:18
【问题描述】：

我正在使用这个 d3 Javascript 库：https://bl.ocks.org/d3noob/43a860bc0024792f8803bba8ca0d5ecd

当我使用谷歌浏览器时它工作正常，但当我使用 Internet Explorer 11 时。我收到以下错误：

 path = `M ${s.y} ${s.x}
                                 C ${(s.y + d.y) / 2} ${s.x},
                                    ${(s.y + d.y) / 2} ${d.x},
                     ${d.y} ${d.x}`

问题是符号`。我知道 Internet Explorer 和 Chrome 以不同的方式“读取”代码，但是如何修改我的代码以在 Internet Explorer 或两者中工作？

【问题讨论】：

显然是 IE11 doesn't support template literals。您可能可以通过使用纯引号 " 来修改代码（费力），然后像过去那样用字符串连接替换所有 ${...}。另外，这个间距有什么特别的原因吗？因为这可能会使事情变得更加困难。
不，不介意间距。你能举个例子说明你会怎么写吗？
看起来 Zim 的回答涵盖了你

标签： javascript google-chrome d3.js internet-explorer-11

【解决方案1】：

如果不支持模板文字，只需像之前的 ES6 一样，通过连接 Strings 和变量来构建路径：

path = "M " + s.y + " " + s.x + " C " + ((s.y + d.y) / 2) + " " + s.x + ", " + ((s.y + d.y) / 2) + " " + d.x + ", " + d.y + " " + d.x;

【讨论】：