有没有更简单或更简单的方法来编写此重复代码？

Question

我想知道是否有更简单/更简单的方法来编写重复代码。如果输入到提示框中的名称没有任何内容，那么它会发送一条错误消息并将其重新输入。

只是让我不要有很多解释，继承人的代码：

function error() { 
    alert('You must enter a name.'); 
} 

var Name = prompt('What is your name?', 'Name'); 

function repeat() { 
    var Name = prompt('What is your name?', 'Name'); 
    if(Name === '') { 
     error(); 
     repeat(); 
    } 
} 

if(Name === '') { 
    error(); 
    repeat(); 
} 

Answer 1

像这样：

var Name; 
 

 
while(!(Name=prompt('What is your name?', 'Name'))) { 
 
    alert('You must enter a name.'); 
 
}

它是如何工作

的while循环重复，直到满足条件。在这种情况下，条件是：

!(Name=prompt('What is your name?', 'Name')) 

表达的这部分分配prompt值Name（如你已经知道）：

Name=prompt('What is your name?', 'Name') 

在JavaScript中，一个赋值给一个变量还有返回的值。 （这就是为什么我们可以链分配，例如a = b = c = 16。）

所以，如果你输入“乔纳森”作为名字，这个表达式变成“乔纳森”：

(Name=prompt('What is your name?', 'Name')) 

如果你输入什么作为名称，表达式变成空字符串。

逻辑NOT运算符（!）在表达式返回与表达式的“真实性”相反的布尔值之前。一个字符串值是truthy，但空字符串是falsy。

通过将NOT运算表达式：

!(Name=prompt('What is your name?', 'Name')) 

＆hellip;循环将继续，直到Name变量有一个值。

最后的想法：按照惯例，变量应该以小写字母开头。我在这里没有这样做，因为name是window的一个属性，并且更改窗口的名称可能会导致问题。理想情况下，您的提示将在一个函数内，这样您就不会有任何全局变量。如果是这种情况，您可以像其他人所建议的那样使用变量name。

Answer 2

function repeat() { 
    var Name = prompt('What is your name?', 'Name'); 
    if(!Name) { 
     repeat(); 
    } else { 
     return; 
    } 
} 

只是在函数内部调用自己，只有满足条件时才退出。

Answer 3

虽然我喜欢在一段时间内完成所有工作，但我自己也是这么做的。同样值得了解它与do..while循环之间的区别，这可能有助于初学者顺序阅读并理解每一步。

var name; 
do { 
    name = prompt('What is your name?', 'Name'); 
    if (name == '') { 
    alert('You must enter a name.'); 
    } 
} while (name == ''); // jump back to first line of *do* body if true.