JavaScript中this关键字异常：代码返回undefined求助

嘿，我来帮你捋捋这段代码的问题！首先得澄清一点：你遇到的undefined问题和this的上下文无关——箭头函数已经正确继承了selectTeam方法里的this指向（也就是teamSelector对象），所以你之前尝试的let _this = this;其实是多余的操作。

真正的问题出在数组索引的处理逻辑上：

• Math.random() * 3会生成一个0到3之间的浮点数（比如0.6、2.99这类）
• 当你直接用这个浮点数作为数组索引时，JavaScript会把它转为字符串索引，但你的teams数组只有整数索引0、1、2，不存在像"2.99"这样的索引，自然就返回undefined了

修复后的代码 #

let teamSelector = { 
  teams: ['Team Alpha', 'Team Beta', 'Team Delta'], 
  selectTeam: function(members){ 
    return members.map((member)=>{ 
      // 用Math.floor把浮点数转成0-2之间的整数索引
      const randomIndex = Math.floor(Math.random() * 3);
      return `${member} is on ${this.teams[randomIndex]}`; 
    }); 
  } 
}; 
teamSelector.selectTeam(['Anna','Jhon','Kevin','Lesli']);

额外优化建议 #

为了让代码更健壮，你可以用this.teams.length代替硬编码的3，这样以后修改teams数组内容时，不用手动调整数字：

const randomIndex = Math.floor(Math.random() * this.teams.length);

这样修改后，代码就能正确返回每个成员对应的团队名称啦！

内容的提问来源于stack exchange，提问作者Steave Jones