js通过var定义全局变量与在window对象上直接定义属性的区别说明

当在JavaScript中定义全局变量时，有两种常见的方法：使用var关键字定义全局变量，或者直接在window对象上定义属性。下面是它们之间的区别说明：

1. 作用域： 使用var关键字定义的全局变量具有函数作用域，而直接在window对象上定义的属性具有全局作用域。这意味着使用var定义的变量只在定义它的函数内部可见，而直接在window对象上定义的属性可以在任何地方访问。

示例1：使用var定义全局变量

function example1() {
  var globalVariable = \"Hello\";
  console.log(globalVariable); // 输出: Hello
}

example1();
console.log(globalVariable); // 报错: globalVariable未定义

示例2：在window对象上直接定义属性

function example2() {
  window.globalProperty = \"World\";
  console.log(globalProperty); // 输出: World
}

example2();
console.log(globalProperty); // 输出: World

在示例1中，globalVariable是使用var关键字定义的全局变量，它只在example1函数内部可见。在函数外部访问globalVariable会导致未定义的错误。

而在示例2中，globalProperty是直接在window对象上定义的属性，它具有全局作用域，可以在任何地方访问。无论是在函数内部还是函数外部，都可以通过window.globalProperty来访问它。

1. 变量提升： 使用var关键字定义的全局变量会在代码执行之前进行变量提升，而直接在window对象上定义的属性不会进行变量提升。

示例3：变量提升

console.log(globalVariable); // 输出: undefined
var globalVariable = \"Hello\";
console.log(globalVariable); // 输出: Hello

示例4：不会进行变量提升

console.log(globalProperty); // 报错: globalProperty未定义
window.globalProperty = \"World\";
console.log(globalProperty); // 输出: World

在示例3中，尽管globalVariable在使用之前被赋值，但在变量声明之前访问它会返回undefined。这是因为使用var关键字定义的变量会在代码执行之前进行变量提升，但赋值操作仍然在原来的位置。

而在示例4中，尝试在变量声明之前访问globalProperty会导致未定义的错误。这是因为直接在window对象上定义的属性不会进行变量提升，只有在赋值之后才能访问。

综上所述，使用var关键字定义全局变量与直接在window对象上定义属性的区别在于作用域和变量提升。根据具体的需求和使用场景，选择适合的方法来定义全局变量。