原生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构造函数创建一个函数,然后将全局变量作为该函数的参数传递进来,就可以访问到该变量。例如:
// 使用Function构造函数设置全局变量
var myGlobalVariable = "Hello World!";
var getGlobalVariable = new Function("return myGlobalVariable;");
// 获取全局变量
alert(getGlobalVariable()); // 输出 "Hello World!"