JavaScript不写 var 关键字的影响

在 JavaScript 中，在声明一个变量时，通常需要使用 var 关键字。var 关键字用来声明一个变量，并将其限定在当前的作用域内。不写 var 关键字会导致变量自动成为全局变量，即使在局部作用域中声明的变量也会变成全局变量。

这样的影响包括：

1. 变量污染：不写 var 关键字会使变量成为全局变量，如果在不同的地方使用了相同的变量名，就会导致变量被覆盖，造成不可预料的结果。

2. 可读性和维护性下降：不写 var 关键字会让代码中变量的作用范围不明确，阅读和理解代码会变得困难，尤其是在大型项目中。

3. 引起错误：如果在某个作用域中声明一个变量，但是没有使用 var 关键字，JavaScript 解释器会查找最近的作用域，如果找不到变量的声明，就会在全局作用域中创建一个变量。这可能会导致意外的行为和错误。

以下是一个示例，展示了不写 var 关键字的影响：

function foo() {
  x = 10; // 在全局作用域中创建了一个全局变量 x
}

function bar() {
  console.log(x); // 输出 10，全局变量 x 可以在 bar 函数中访问
}

foo();
bar();

在上面的示例中，函数 foo 中的变量 x 没有使用 var 关键字进行声明，因此 x 变成了全局变量。后续在函数 bar 中也可以访问到 x 变量，输出结果为 10。

要修复这个问题，只需在 foo 函数中使用 var 关键字声明 x：

function foo() {
  var x = 10; // 在函数作用域中声明变量 x
}

function bar() {
  console.log(x); // ReferenceError: x is not defined
}

foo();
bar();

在修复后的代码中，由于 x 是在 foo 函数的作用域中声明的，因此在 bar 函数中无法访问到 x 变量，会引发 ReferenceError。