javascript - 打开时有效，但重新加载时崩溃

Question

因此，我尝试创建 1 到 3 之间的三个值，每次页面加载时这些值都会有所不同。当我第一次打开页面时，它工作得很好，但是每当我尝试重新加载或提交表单时，页面就会卡住并且卡住加载。非常感谢任何帮助!

function uniqueAnswerId(){
    var rand = (Math.random() * 3.4);
    while (Math.round(rand) == 0) {
        var rand = (Math.random() * 3.4);
    }
    return (Math.round(rand));
}
var answerId1 = uniqueAnswerId();

function uniqueAnswerId2(){
    var rand2 = (Math.random() * 3.4);
    while (answerId1 == Math.round(rand2) || Math.round(rand2) == 0) {
        var rand2 = (Math.random() * 3.4);
    }
    return (Math.round(rand2));
}

var answerId2 = uniqueAnswerId2();

function uniqueAnswerId3(){
    var rand3 = (Math.random() * 3.4);
    while (answerId1 == Math.round(rand3) || answerId2 == Math.round(rand3)){
        while (Math.round(rand3) == 0){
            var rand3 = (Math.random() * 3.4);
        }
    }
    return (Math.round(rand3));
}

var answerId3 = uniqueAnswerId3();

console.log("AnswerIds: " + (answerId1) + ", " + (answerId2) + ", " + (answerId3))

Answer 1

你的第三个 while 循环应该是这样的，还有另一个“||”在你的条件下，而不是一个全新的 while 循环。

function uniqueAnswerId3(answerId1, answerId2){
    var rand3 = (Math.random() * 3.4);
    while (answerId1 === Math.round(rand3) || answerId2 === Math.round(rand3) || Math.round(rand3)===0){
             rand3 = (Math.random() * 3.4);
    }
    return (Math.round(rand3));
}