• 前端入门学习笔记五十四

    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. 		<script>
    11. 			var HTML = myFunction(9, 10);
    12. 			document.getElementById("函数返回").innerHTML = HTML;
    13. 			
    14. 			function myFunction(k, f) {
    15. 			    return f * k;
    16. 			}
    17. 		script>
    18. 	body>
    19. html>

    当 JavaScript 到达 return 语句，函数将停止执行。
    如果函数被某条语句调用，JavaScript 将在调用语句之后“返回”执行代码。
    函数通常会计算出返回值。这个返回值会返回给调用者

    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. 		<script>
    11. 		function toCelsius(k) {
    12. 		    return (300/6) * (k-90);
    13. 		}
    14. 		document.getElementById("为何使用函数").innerHTML = toCelsius(300);
    15. 		
    16.

    为何使用函数？
    您能够对代码进行复用：只要定义一次代码，就可以多次使用它。
    您能够多次向同一函数传递不同的参数，以产生不同的结果 

    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. 		<script>
    11. 		function toCelsius(h) {
    12. 		    return (100/2) * (h-100);
    13. 		}
    14. 		document.getElementById("运算符调用函数").innerHTML = toCelsius;
    15. 		script>
    16. 	body>
    17. html>

    () 运算符调用函数
    使用上面的例子，toCelsius 引用的是函数对象，而 toCelsius() 引用的是函数结果

    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. 		<script>
    11. 		document.getElementById("用作变量值的函数").innerHTML =
    12. 		"温度是：" + toCelsius(100) + " 摄氏度。";
    13. 		
    14. 		function toCelsius(fahrenheit) {
    15. 		    return (1000/3) * (fahrenheit-300);
    16. 		} 
    17. 		script>
    18. 	body>
    19. html>

     用作变量值的函数
    函数的使用方法与变量一致，在所有类型的公式、赋值和计算中。

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>JavaScript 函数title>
    6. 	head>
    7. 	<body>
    8. 		<p>JavaScript 函数p>
    9. 		<p id="局部变量1">p>
    10. 		<p id="局部变量2">p>
    11. 		<script>
    12. 		myFunction();
    13. 		function myFunction() {
    14. 		    var libai = "一起开看盗墓笔记";
    15. 		    document.getElementById("局部变量1").innerHTML =
    16. 		    typeof libai+ " " + libai;
    17. 		}
    18. 		document.getElementById("局部变量2").innerHTML =
    19. 		typeof libai;
    20. 		script>
    21. 	body>
    22. html>

    局部变量
    在 JavaScript 函数中声明的变量，会成为函数的局部变量。
    局部变量只能在函数内访问

    函数调用
    函数中的代码将在其他代码调用该函数时执行：
    当事件发生时（当用户点击按钮时）
    当 JavaScript 代码调用时
    自动的（自调用）

  • 相关阅读:
    C++类对象反制机制实现_精简修改版
    gorm的自动化工具gen_已设置图床
    VUE 动态写入HTML并绑定监听事件
    阿里云短信服务设置操作项目
    Day53:图论 岛屿数量 岛屿的最大面积
    如何深入理解“有限状态机”的设计思想？
    云原生存储解决方案Rook-Ceph与Rainbond结合的实践
    算法金 | 一个强大的算法模型，GP ！！
    登录页面怎么做渗透
    【网页设计】基于HTML+CSS+JavaScript制作美食网站舌尖上的美食
  • 原文地址：https://blog.csdn.net/m0_65384293/article/details/128209112