• 前端入门学习笔记四十

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

  • 相关阅读:
    长风破浪会有时，直挂云帆济沧海！（工作室年会总结）
    Mybatis动态sql深度剖析
    [附源码]java毕业设计社区私家车位共享收费系统
    【Shell】循环结构——for和while循环实例
    EtherCAT从站EEPROM分类附加信息详解：RXPDO（输入过程数据对象）
    K8s ingress-nginx根据请求目录不同将请求转发到不同应用
    针对CSP-J/S的每日一练：Day7
    第三节：分支及多人协作
    Ubuntu18.04安装OpenPCDet：spconv一键安装
    golang template 使用
  • 原文地址：https://blog.csdn.net/m0_65384293/article/details/128194240