JavaScript 函数

最新推荐文章于 2023-07-23 23:03:40 发布

围巢111

最新推荐文章于 2023-07-23 23:03:40 发布

阅读量174

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_40817827/article/details/97626801

版权

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文深入解析JavaScript函数的定义、调用及返回机制，演示了如何利用函数执行特定任务并复用代码，通过实例展示了参数传递与结果返回的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript 函数是被设计为执行特定任务的代码块。
JavaScript 函数会在某代码调用它时被执行。

JavaScript 函数语法

JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。
圆括号可包括由逗号分隔的参数：
由函数执行的代码被放置在花括号中：{}

function name(参数 1, 参数 2, 参数 3) {
    要执行的代码
}

函数参数（Function parameters）是在函数定义中所列的名称。
函数参数（Function arguments）是当调用函数时由函数接收的真实的值。
在函数中，参数是局部变量。

函数调用

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

函数返回

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

实例
计算两个数的乘积，并返回结果：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<p>  </p>
<p id="demo">调用了一个执行计算的函数，然后返回结果</p>
</head>

<body>
<script>  
var c=myFunction(10,5);
document.getElementById("demo").innerHTML = c;
function myFunction(a,b){
	return a*b;
	}
  </script>
</body>
</html>

在这里插入图片描述

为何使用函数？

您能够对代码进行复用：只要定义一次代码，就可以多次使用它。
您能够多次向同一函数传递不同的参数，以产生不同的结果。
实例
把华氏度转换为摄氏度：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<p>  </p>
<p id="demo">调用函数把华氏度转换为摄氏度：</p>
</head>

<body>
<script>  
var c = toCelsius(86);
document.getElementById("demo").innerHTML = c;
function toCelsius(f){
	return (5/9)*(f-32);
	}
  </script>
</body>
</html>

在这里插入图片描述
() 运算符调用函数
上面的例子，toCelsius 引用的是函数对象，而 toCelsius() 引用的是函数结果。
访问没有 () 的函数将返回函数定义：