JavaScript 函数

最新推荐文章于 2025-08-01 15:01:36 发布

X-Rich

最新推荐文章于 2025-08-01 15:01:36 发布

阅读量52

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_64156125/article/details/128058346

本文深入探讨了JavaScript函数的基础知识，包括函数的定义、参数传递、返回值的使用以及如何调用函数。通过示例代码解释了如何创建和使用函数，展示了函数作为代码块执行特定任务的能力。同时，提到了不加括号调用函数将返回函数定义本身，以及将函数赋值给变量的用法。

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

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

1.语法：（关键词function）

function 函数名（参数）

{ 执行代码块 }

function myFunction(p1, p2) {
    return p1 * p2;              // 该函数返回 p1 和 p2 的乘积
}

（1）函数参数是当调用函数时由函数接收的真实的值。在函数中，参数是局部变量。

2.函数返回（return）

如果函数被某条语句调用，JavaScript 将在调用语句之后返回执行代码。

函数通常会计算出返回值。这个返回值会返回给调用者

var x = myFunction(7, 8);        // 调用函数，返回值被赋值给 x

function myFunction(a, b) {
    return a * b;                // 函数返回 a 和 b 的乘积
}

//x的结果是56

3.（）调用函数

（1）调用函数使用"函数名（参数）"

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 函数</h2>

<p>本例调用函数把华氏度转换为摄氏度：</p>

<p id="demo"></p>

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

</body>
</html>

（2）访问没有 () 的函数将返回函数定义的全部内容

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 函数</h2>

<p>不使用 () 访问函数将返回函数声明而不是函数结果：</p>

<p id="demo"></p>

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

</body>
</html>

返回结果

Javascript 函数
不使用 () 访问函数将返回函数声明而不是函数结果：

function toCelsius(f) { return (5/9) * (f-32); }

（3）用作变量的函数

使用变量来储存函数的值，可以把函数当作变量值直接使用。

<!DOCTYPE html>
<html>
<body>

<h2>用作变量的函数</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"温度是：" + toCelsius(86) + " 摄氏度。";

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
} 
</script>

</body>
</html>

//结果是：温度是：30 摄氏度。