基于Math随机数的对象日志功能异常排查求助

看起来你遇到了两个典型的JavaScript问题，咱们一个个拆解，结合你给出的代码片段来分析：

问题一："Cannot read property 'answers' of Undefined" 错误 #

从你提供的代码片段来看，构造函数的参数和内部赋值明显存在拼写问题：

function question(q, answersArr) { 
  this.question = q, 
  this.answers = ans... // 这里的`ans`是未定义的变量！
}

这是第一个核心坑：你定义的参数是answersArr，但赋值时误用了ans（大概率是拼写失误），直接导致实例的answers属性无法正确初始化，后续访问时自然会抛出未定义错误。

除此之外，还有两种常见场景会触发这个错误：

• 忘记用new关键字实例化：如果你调用question("xxx", [...])而不是new question("xxx", [...])，构造函数里的this会指向全局对象（浏览器环境是window），而非新创建的实例，后续你尝试访问实例的answers时就会拿到undefined。
• 调用构造函数时未传入answersArr参数：如果调用时只传了第一个参数q，answersArr会默认是undefined，就算你正确写了this.answers = answersArr，后续访问answers的子属性（比如answers[0]）也会抛出类似错误。

修复方案 #

1. 先修正构造函数的参数拼写错误：

function question(q, answersArr) { 
  this.question = q;
  this.answers = answersArr; // 把ans...改成参数名answersArr
}

2. 确保实例化时使用new关键字：

const myQuestion = new question("What's 1+1?", ["2", "3", "4"]);

3. 给参数设置默认值，避免未传参导致的undefined：

function question(q, answersArr = []) { // 给answersArr加默认空数组兜底
  this.question = q;
  this.answers = answersArr;
}

问题二：random()值变更后仍输出相同结果 #

这个问题通常是因为随机数只生成了一次，而不是每次需要结果时重新生成。比如你可能把随机数的计算写在了初始化逻辑里，而非每次获取结果的函数内部：

错误示例：

// 随机数只在初始化时生成一次，后续不会更新
const randomIdx = Math.floor(Math.random() * 3); // 固定0/1/2中的一个
function getAnswer() {
  return myQuestion.answers[randomIdx]; // 每次都返回同一个结果
}

另一种可能是随机数生成逻辑有误，比如误用了Math.round(Math.random() * 2)——这种方式下0和2的概率会远低于1，不过不会直接导致"值变更后结果相同"；但如果你的取整方式写错（比如用了Math.floor(Math.random() * 2)），那只能生成0和1，也会出现不符合预期的情况。

修复方案 #

1. 把随机数生成逻辑移到每次需要获取结果的函数内部，确保每次调用都重新生成：

function getRandomAnswer() {
  const randomIdx = Math.floor(Math.random() * 3); // 每次调用都重新生成0/1/2
  return myQuestion.answers[randomIdx];
}

2. 确认随机数生成的正确性：Math.floor(Math.random() * 3)是均匀生成0、1、2三个整数最可靠的方式。
3. 如果是用全局变量存储随机索引，确保每次获取结果前重新赋值：

let randomIdx;
function getRandomAnswer() {
  randomIdx = Math.floor(Math.random() * 3); // 每次调用都更新索引
  return myQuestion.answers[randomIdx];
}

你可以先检查这几个点，尤其是构造函数的拼写错误和随机数的生成时机，应该能解决大部分问题。

内容的提问来源于stack exchange，提问作者Dakota Ruller