javascript - 无法在 JavaScript 变量中添加更多单词

Question

这个问题已经有答案了:

What is the scope of variables in JavaScript? (27 个回答)

已关闭 6 年前。

当我调用 reality() 时，我想打印 Royal Blue，但我得到 Royal undefined 我只是 JavaScript 的初学者请帮我找出问题所在。

var color = "Blue";

function reality() {
  var color = "Royal " + color;
  console.log(color);
}
reality();

Answer 1

Please help me find out what is the problem.

在 JavaScript 中，当所有使用 var 声明的变量时，除非明确指定了某些内容，否则将具有默认值 undefined。

就您而言，

var color = "Royal " + color;

您正在使用color来定义变量color本身。所以，

"Royal " + color

将成为

"Royal " + undefined

这就是为什么结果是“Royal undefined”。

<小时/>

基本上，在现实中声明的变量color会遮蔽在该函数范围之外声明的变量。因此，您需要选择一个不同的名称。

var color = "Blue";

function reality() {
  var realityColor = "Royal " + color;
  console.log(realityColor);
}
reality();

将打印

Royal Blue

<小时/>

注意:如果您确实想修改外部声明的 color 变量，那么您不应该在 中定义名为 color 的变量>现实，相反，你应该直接访问它，就像这样

var color = "Blue";

function reality() {
  color = "Royal " + color;
  console.log(color);
}
reality();

但是，这个函数不返回任何内容。为了使它更好，您可以返回值并将其分配给变量，如下所示

var color = "Blue";

function reality() {
  return "Royal " + color;
}

color = reality();
console.log(color);