javascript - 将函数返回值保存在 const 中是未定义的

Question

我正在一个小型 JS 应用程序上挑战自己，它是关于几支篮球队的，我正在计算正在比赛的三场比赛的平均得分。我被困在一个基本的事情上，我不明白。

首先是代码:

// simple stringbuilder function
function appendStringBuilder(string, tag) {
  return document.querySelector(tag).append(string);
}

// function calculates average score of team
function avgScoreCalc(obj) {
  const values = Object.values(obj);
  let avgSum = 0;
  for (var i = 0; i < values.length; i++) {
    if (Number.isInteger(values[i])) {
      avgSum += values[i];
    }
  }
  avgSum = avgSum / 3;
  return Math.round(avgSum);
}

function challenge2(ObjName, teamName, firstGame, secondGame, thirdGame) {
  var ObjName = {
    teamName: teamName,
    firstGame: firstGame,
    secondGame: secondGame,
    thirdGame: thirdGame,
  };
  avgScoreCalc(ObjName);
  return appendStringBuilder(`${ObjName.teamName}: ${avgScoreCalc(ObjName)} | `, '.code-output-2');
  }

// IS UNDEFINED, WHY? <<<<
const TJohn = challenge2('TJohn', 'Team John', 89, 120, 103);
//----------------------------------------------------------

console.log(TJohn); //<<<< 'undefined'

我真的只想将“challenge2()”函数的返回值保存在一个简单的变量中。我究竟做错了什么？调试说它未定义。

感谢您的帮助。

Answer 1

append返回未定义。你可能打算这样做

function appendStringBuilder(string, tag) {
  document.querySelector(tag).append(string);
  return string;
}