js动态生成全局window对象变量名及赋值代码详解

六月初六月初 JavaScipt 2023-02-15 11:41:18

全局变量即window对象的变量，如此在开发中如需要全局动态进行变量创建及赋值要如何使用js实现呢？

一、全局动态的变量的生成前，先来了解什么是window对象？

    1.1、在JavaScript中，一个浏览器窗口就是一个window对象。

    1.2、一个窗口就是一个window对象，这个窗口里面的HTML文档就是一个document对象，document对象是window对象的子对象。

二、动态变量的生成和赋值操作。

    通过以上关于window对象的描述，可以理解为全局动态变量的生成即为window对象的动态赋值。

    对于对象的赋值想必对于大多数人来说可以说是轻而易举的事吧。即：对象[键名]:键值

    从上述对象键名的创建及赋值，我们是否可以在window对象中按照相同逻辑来实现全局变量的创建及赋值呢？不容置疑，该方式绝对是可行的。看到这里是不是发现原来全局变量的创建及赋值并没有想象中那么麻烦，反而出乎意料的简单。

全局动态变量生成及赋值演示代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			function dynamic(e){
				var test = "variable_"+e;   //生成变量名
				window[test] = '六月初博客站';
				window['test'] = '六月初工具站';   //注意看中括号里的内容加引号和不加引号的区别
			}
			dynamic(6);
			console.log(variable_6)
			console.log(window.test)
		</script>
	</body>
</html>

代码解析：从打印的结果可知，全局变量即为当前窗口window对象的添加和赋值操作。


六月初字帖坊小程序 你想要的字帖模板及工具，这里都有！