JavaScript_Truthy 和 Falsy Assignment_codecademy

Question

有人可以向我解释为什么这段代码不起作用吗？

let defaultName;

if (username) {

  defaultName = username;

} else {

  defaultName = 'Stranger';

}

它在 Codecademy，JS 部分用作示例。出现说明用户名未定义的错误。

谢谢你。

Answer 1

您正在尝试将“用户名”分配给“默认名称”，但您从未声明过“用户名”。这可能看起来有点有趣，但在 JS 中，您将右侧的值分配给左侧的变量，因此在您的代码中：let defaultName;if (username) {  defaultName = username;...这部分有问题，因为您告诉程序将“defaultName”设置为“username”，而该用户名不存在。要简单地运行此代码，您必须像这样初始化“用户名”变量：let username = 'John';let defaultName;if (username) {  defaultName = username;} else {  defaultName = 'Stranger';}这既乏味又毫无意义，因为在真正的应用程序中，您会从表单、数据库或授权中获取用户名，这可能是真实的：...const user = this.props.auth.user;let defaultName;if (user) {   defaultName = user.username;} else {   defaultName = 'Stranger';}...这将在React中执行，并且很可能使用三元运算符，您现在不需要知道。