javascript - 如何替换 javascript 中的嵌套箭头函数以实现 Safari 兼容性？

Question

我正在自定义一个 JavaScript 可视化库，并编写了一小段代码来填充悬停信息的数组:

var text = zValues.map((zValues, i) => zValues.map((value, j) => {
  return ` ID: ${yValues[i]}<br> Tissue: ${xValues[j]}<br> Expression: ${value.toFixed(2)} ` 
 }))

它适用于除 Safari 之外的所有浏览器。我读到Safari不支持箭头功能，所以我尝试如下替换此功能:

var text = zValues.map (function(zValues, i) { zValues.map (function (value, j) {
  return ` ID: ${yValues[i]}<br> Tissue: ${xValues[j]}<br> Expression: ${value.toFixed(2)} ` 
 });});

这不会给出任何错误，但会导致空的“文本”数组。我该如何解决这个问题？

Answer 1

主体中只有一个表达式语句的箭头函数具有隐式返回。使用 function 创建的函数从不有隐式返回(除非你算上undefined)，所以你需要显式返回你的箭头函数表达式:

var text = zValues.map (function(zValues, i) { return zValues.map (function (value, j) {
  return ` ID: ${yValues[i]}<br> Tissue: ${xValues[j]}<br> Expression: ${value.toFixed(2)} ` 
 });});

(您已经在最里面的结果表达式上有了return。)