JavaScript定义变量时加var与不加var的区别

在JavaScript中，定义变量时可以选择是否使用var关键字。这两种方式在作用域、变量提升和全局变量等方面有所不同。下面将详细讲解这两种方式的区别，并提供两个示例说明。

使用var关键字定义变量

当使用var关键字定义变量时，变量的作用域将限定在当前函数作用域或全局作用域中。这意味着在函数内部定义的变量只能在该函数内部访问，而在函数外部无法访问。

示例1：

function example1() {
  var x = 10;
  console.log(x); // 输出 10
}

console.log(x); // 报错，x未定义

在示例1中，变量x使用var关键字在函数内部定义。在函数内部，我们可以访问和使用变量x，并将其输出为10。然而，在函数外部尝试访问变量x时，会导致错误，因为变量x的作用域仅限于函数内部。

不使用var关键字定义变量

当不使用var关键字定义变量时，变量将成为全局变量，可以在任何地方访问和使用。这意味着在函数内部定义的变量也可以在函数外部访问。

示例2：

function example2() {
  x = 10;
  console.log(x); // 输出 10
}

console.log(x); // 输出 10

在示例2中，变量x没有使用var关键字进行定义。在函数内部，我们可以访问和使用变量x，并将其输出为10。与示例1不同的是，在函数外部也可以访问变量x，并将其输出为10。这是因为变量x成为了全局变量。

总结

使用var关键字定义变量可以限定变量的作用域在当前函数作用域或全局作用域中，而不使用var关键字定义变量将变量声明为全局变量，可以在任何地方访问和使用。在编写JavaScript代码时，建议始终使用var关键字或其他适当的作用域限定符来定义变量，以避免意外的全局变量污染和作用域问题。