原生JS设置并获取全局变量-Toy模板网

这篇具有很好参考价值的文章主要介绍了原生JS设置并获取全局变量。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

原生JS设置并获取全局变量，干货版。

一共有且只有以下五种方式

1、通过window对象设置和获取全局变量；
通过window对象设置和获取全局变量。window对象是所有全局变量的拥有者，它是JavaScript的最顶层对象。我们可以通过window对象来设置和获取全局变量，例如：

// 设置全局变量
window.myGlobalVariable = "Hello World!";

// 获取全局变量
alert(window.myGlobalVariable); // 输出 "Hello World!"

2、使用ES6新增的let命令声明全局变量；
let命令声明的全局变量是全局对象的属性，它会变成全局对象的属性，可以在任何地方被访问到，而且不会因为函数作用域或块级作用域而改变。例如：

// 使用let声明全局变量
let myGlobalVariable = "Hello World!";

// 获取全局变量
alert(window.myGlobalVariable); // 输出 "Hello World!"

3、使用ES6新增的const命令声明全局变量；
const命令声明的全局变量同样是全局对象的属性，它会变成全局对象的属性，可以在任何地方被访问到，而且不会因为函数作用域或块级作用域而改变。此外，使用const声明的全局变量一旦被声明，在全局范围内都是不可变的，不能再次被重新赋值。例如：

// 使用const声明全局变量
const myGlobalVariable = "Hello World!";

// 获取全局变量
alert(window.myGlobalVariable); // 输出 "Hello World!"

4、使用Object对象设置和获取全局变量；
Object对象是JavaScript中的一个内置对象，它可以用来访问全局变量。我们可以在Object对象上新增一个属性，然后通过该属性就可以访问到该变量。例如：

// 使用Object对象设置全局变量
Object.myGlobalVariable = "Hello World!";

// 获取全局变量
alert(window.myGlobalVariable); // 输出 "Hello World!"

5、使用Function构造函数设置和获取全局变量。
Function构造函数是JavaScript中的一个内置函数，它可以用来创建新的函数，也可以用来访问全局变量。我们可以使用Function构造函数创建一个函数，然后将全局变量作为该函数的参数传递进来，就可以访问到该变量。例如：文章来源地址https://www.toymoban.com/news/detail-476546.html

// 使用Function构造函数设置全局变量
var myGlobalVariable = "Hello World!";
var getGlobalVariable = new Function("return myGlobalVariable;");

// 获取全局变量
alert(getGlobalVariable()); // 输出 "Hello World!"