• 前端入门学习笔记四十

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset = "UTF-8"/>
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<p>函数作用域p>
    9. 		<p id = "前端">p>
    10. 		<p id = "后端">p>
    11. 		<script>
    12. 			myFunction();
    13. 			function myFunction(){
    14. 				var 后端 = "李白";
    15. 				document.getElementById("前端").innerHTML = 
    16. 				typeof 后端 + " " + 后端;
    17. 			}
    18. 			document.getElementById("后端").innerHTML = 
    19. 			typeof 后端;
    20. 		script>
    21. 	body>
    22. html>

    函数作用域
    局部（函数内）声明的变量拥有函数作用域 
    局部变量只能在它们被声明的函数内访问

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset = "UTF-8"/>
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<p>JavaScript 块作用域p>
    9. 		<p id = "KJYS">p>
    10. 		<p id = "html">p>
    11. 		<script>
    12. 			{
    13. 				var x,k;
    14. 				var x = 3;
    15. 				var k = 9;
    16. 			}
    17. 			document.getElementById("KJYS").innerHTML =
    18. 			x * 3;
    19. 			document.getElementById("html").innerHTML = 
    20. 			k * 9;
    21. 		script>
    22. 	body>
    23. html>

    JavaScript 块作用域
    通过 var 关键词声明的变量没有块作用域。
    在块 {} 内声明的变量可以从块之外进行访问

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset = "UTF-8"/>
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<p>可以使用 let 关键词声明拥有块作用域的变量p>
    9. 		<p id = "哈哈">p>
    10. 		<p id = "铠甲勇士">p>
    11. 		<script>
    12. 			{
    13. 				let x,k;
    14. 				x = 9;
    15. 				k = 10;
    16. 			}
    17. 			document.getElementById("哈哈").innerHTML = x * 3;
    18. 			document.getElementById("铠甲勇士").innerHTML = k * 3;
    19. 		script>
    20. 	body>
    21. html>

    可以使用 let 关键词声明拥有块作用域的变量。
    在块 {} 内声明的变量无法从块外访问 

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset = "UTF-8"/>
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<p>使用 var 关键字重新声明变量会带来问题p>
    9. 		<p id = "铠甲勇士刑天">p>
    10. 		<p id = "铠甲勇士帝皇侠">p>
    11. 		<script>
    12. 			var h;
    13. 			h = 300;
    14. 			{
    15. 				var h = 900;
    16. 				document.getElementById("铠甲勇士帝皇侠").innerHTML = h;
    17. 			}
    18. 			document.getElementById("铠甲勇士刑天").innerHTML = h;
    19. 		script>
    20. 	body>
    21. html>

    重新声明变量
    使用 var 关键字重新声明变量会带来问题。
    在块中重新声明变量也将重新声明块外的变量

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset = "UTF-8"/>
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<p>使用 let 关键字重新声明变量可以解决这个问题p>
    9. 		<p id = "换行">p>
    10. 		<p id = "铠甲勇士拿瓦">p>
    11. 		<script>
    12. 			var hh = 300;
    13. 			{
    14. 				let hh = 900;
    15. 				document.getElementById("铠甲勇士拿瓦").innerHTML = hh;
    16. 			}
    17. 			document.getElementById("换行").innerHTML = hh;
    18. 		script>
    19. 	body>
    20. html>

    使用 let 关键字重新声明变量可以解决这个问题。
    在块中重新声明变量不会重新声明块外的变量 

  • 相关阅读:
    含电热联合系统的微电网运行优化附Matlab代码
    MongoEngine 简介安装、连接、数据类型及其参数详解
    LNMP环境部署（CentOS7）
    mysql数据类型精讲
    “配置DHCP服务器和DHCP中继的网络自动配置实验“
    操作系统【OS】虚拟机
    【minitab实战】--控制图制作
    vue3---props验证
    （2022版）一套教程搞定k8s安装到实战 | Taint&Toleration
    AI写代码：我用kimi生成了一个设备节点监控网站，完美实现功能
  • 原文地址：https://blog.csdn.net/m0_65384293/article/details/128194240