• 前端入门学习笔记四十

    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 关键字重新声明变量可以解决这个问题。
    在块中重新声明变量不会重新声明块外的变量 

  • 相关阅读:
    超耐心地毯式分析，来试试这道看似简单但暗藏玄机的Promise顺序执行题
    采用cv2和默认的人脸识别分类器实现人脸检测功能
    什么是mybatis，其实很简单
    【Java】springboot 枚举参数
    1859. 将句子排序
    小程序框架-＞框架，视图层，生命周期(逻辑层)
    塔望食观察 | 中国海参产业发展现状及挑战
    在Linux环境中分别使用手动和Shell自动脚本来部署SpringBoot项目
    java版直播商城免费搭建平台规划及常见的营销模式+电商源码+小程序+三级分销+二次开发
    数组的最小不可组成和问题
  • 原文地址：https://blog.csdn.net/m0_65384293/article/details/128194240