在JavaScript中，创建全局变量有几种方式，但需要注意的是，全局变量可能会导致命名冲突和意外的副作用，因此建议谨慎使用。以下是一些创建全局变量的方法：

1. 直接在全局作用域中声明变量

在函数外部声明的变量会自动成为全局变量。在浏览器环境中，这通常意味着变量会被添加到window对象上（在非严格模式下）。

javascript复制代码
 var globalVar = "我是一个全局变量";  
 
   
 
 console.log(globalVar); // 输出: 我是一个全局变量  
 
 console.log(window.globalVar); // 在浏览器环境下，输出: 我是一个全局变量
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.

2. 在函数内部不使用var、let或const声明变量

在函数内部，如果直接赋值给一个未声明的变量（即不使用var、let或const），那么这个变量也会成为全局变量（在非严格模式下）。但请注意，这种做法是不推荐的，因为它可能导致意外的行为，并且在严格模式下会导致错误。

javascript复制代码
 function createGlobal() {  
 
     globalVarInsideFunction = "我也是一个全局变量";  
 
 }  
 
   
 
 createGlobal();  
 
 console.log(globalVarInsideFunction); // 输出: 我也是一个全局变量
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.

3. 直接在window对象上添加属性

在浏览器环境中，你可以直接在window对象上添加属性来创建全局变量。这种方法在所有模式下都有效，但同样需要谨慎使用。

javascript复制代码
 window.anotherGlobalVar = "通过window对象创建的全局变量";  
 
   
 
 console.log(anotherGlobalVar); // 输出: 通过window对象创建的全局变量  
 
 console.log(window.anotherGlobalVar); // 输出: 通过window对象创建的全局变量
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.

4. 使用this关键字（在全局作用域中）

在全局作用域中，this通常指向全局对象（在浏览器中是window）。因此，你也可以通过this来创建全局变量。

javascript复制代码
 this.globalVarUsingThis = "使用this关键字创建的全局变量";  
 
   
 
 console.log(globalVarUsingThis); // 输出: 使用this关键字创建的全局变量  
 
 console.log(window.globalVarUsingThis); // 在浏览器环境下，输出: 使用this关键字创建的全局变量
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.

注意事项

  • 避免使用全局变量：尽可能避免使用全局变量，因为它们可能导致命名冲突和难以追踪的bug。
  • 使用模块或闭包：考虑使用JavaScript模块（如ES6模块）或闭包来封装你的变量和函数，以保持代码的封装性和可维护性。
  • 严格模式：在JavaScript文件的顶部添加"use strict";可以启用严格模式，这有助于避免一些意外的全局变量创建（如函数内部未声明的变量）。

JavaScript如何创建，全局变量_严格模式