js中的变量作用域

最新推荐文章于 2024-09-09 09:35:48 发布

靜忄

最新推荐文章于 2024-09-09 09:35:48 发布

阅读量586

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_51971512/article/details/121744437

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

变量申明位置、方式不同、作用域不同

<!DOCTYPE html>
<html>
<head>
	<title>变量作用域</title>
</head>
<body>
	<h2>1:全局作用域</h2>
	<h3>函数内部可用 函数外部可用</h3>
	<p id='1'></p>
	<button type='button' onclick="func1()">使用函数外部的变量</button>
	<script>
		var num_1 = 1;
		function func1(){
			document.getElementById('1').innerHTML = num_1;
		}
		document.write(num_1)
	</script>

	<h2>2:函数内部定义变量 外部无法使用</h2>
	<p id='2'></p>
	<button type='button' onclick="func1()">使用函数外部的变量</button>
	<script>
		function func1(){
			var num_2 = 1;
			document.getElementById('2').innerHTML = num_2;
		}
		document.write(typeof(num_2));
	</script>

	<h2>3:使用let对同一个变量进行操作 且不改变全局变量</h2>
	<script>
		var num_3 = 10;
		window.alert('设置一个数字为:' + num_3);
		{
			let num_3 = 6;
			window.alert('块内let重新定义为:' + num_3);
		}
		window.alert('块外再次输出 依旧为:' + num_3);
	</script>
	<h2>4:const也可以定义参数</h2>
</body>
</html>