javascript - Eloquent javascript 表格绘制函数 - drawRow 参数

Question

正如其他人提到的，这段代码来自 eloquent javascript 的第 6 章。我不明白函数“drawRow”的参数是从哪里提供的。如果外部函数 drawTable 是某种方法，那么它可以传递数组和当前索引是有意义的，但事实并非如此。这只是一个普通的函数，那么它从哪里获取“row”和“rowNum”呢？

function drawTable(rows) {
  var heights = rowHeights(rows);
  var widths = colWidths(rows);

  function drawLine(blocks, lineNo) {
    return blocks.map(function(block) {
      return block[lineNo];
    }).join(" ");
  }

  function drawRow(row, rowNum) {
    var blocks = row.map(function(cell, colNum) {
      return cell.draw(widths[colNum], heights[rowNum]);
    });
    return blocks[0].map(function(_, lineNo) {
      return drawLine(blocks, lineNo);
    }).join("\n");
  }

  return rows.map(drawRow).join("\n");
}

提前感谢任何花时间回答这个问题的人。

Answer 1

根据 MDN Array.prototype.map ，提供给 map 的回调具有三个参数:currentValue、index 和 array。在这种情况下，当 drawRow 被提供给 rows.map 时，row 是当前值，rowNum 是索引。

这是一个更简单的例子:

var arr = ['a', 'b', 'c'];

function printArray(value, index) {
    console.log(index + ' ' + value);
}

arr.map(printArray);
// prints
// 0 a
// 1 b
// 2 c