变量作用域与JS函数-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_44109821/article/details/103632723

在这里插入图片描述变量的作用域

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>变量的作用域</title>
	</head>
	<body>
		<label>请输入计算表达式:</label><input type="text" id="num" value="" /><button id="btn" onclick="calc()">计算</button>
		<script type="text/javascript">
			//变量的作用域：1：全局变量--整个页面都可以使用     2:局部变量：只在某一部分中可以使用  
			//在函数体中局部变量的优先级高于同名的全局变量。如果在函数内声明的一个局部变量或者函数参数带有的变量和全局变量重名，那么全局变量就被局部变量所遮盖
			//如果变量是一个全局变量在声明的时候可以不带关键字var
//			 scope="全局变量";
//			function myfun()
//			{
//				scope="修改全局变量"
//				 myscope="我是函数中的全局变量"
//				return scope
//			}
//			var result=myfun()
//			console.log(result)
//			console.log(scope)
             //作用域链
//           name="hello";//全局变量
//           function firstfun()
//           {
//           	var name="world";//这个是firstfun的局部变量
//           	function child()
//           	{
//           		var name="welcome";//child这个函数的局部变量
//           		console.log("我是child中的name"+name)
//           	}
//           	function childfun2()
//           	{
//           		console.log("我访问到的name是firstfun"+name);//--world
//           	}
//           	child()
//           	childfun2()
//           }
//           firstfun()
            //系统函数
           // 1:编码函数escape()解码函数unescape()
//         var str="hello%$#$^^$"
//         document.write(str)
//         var str1=escape(str)
//         document.write(unescape(str1))//特殊字符转换成对应的ascii编码
           //2：求值函数eval()j接收字符串类型的参数，把他转换当成js代码去执行
           function calc()
           {
           	var num1=document.getElementById("num")
           	var result=eval(num1.value);
           	num1.value=result
           }
           
		</script>
	</body>
</html>