JavaScript函数声明与定义

JavaScript函数声明与定义教程

JavaScript 中,使用 函数 前,必须先声明与定义函数。JavaScript 的函数由 关键字 function、函数名、参数列表、函数体和 返回语句 组成。

JavaScript函数声明与定义详解

语法

function funcName(param1, param2, ...){ 执行语句... return 返回值 }

说明

关键字 说明
function 定义函数所使用的关键字,所有的函数前面都必须使用该关键字
funcName 函数的名称
param1 函数的形参1
param2 函数的形参2,函数可以有任意多个形参
return 后面接函数的返回值

JavaScript函数调用详解

语法

returnVal = funcName(param1, param2, ...)

说明

关键字 说明
returnVal 函数的第一个返回值
funcName 要调用的函数的名称
param1 函数的参数1
param2 函数的参数2

案例

寻找最大数

用函数,实现寻找两个数的最大数

<!DOCTYPE html> <html> <head> <title>JavaScript函数</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); function maxInt(a, b){ if (a > b){ return a; } return b; } var maxValue = maxInt(10, 20); console.log("maxValue =", maxValue); </script> </head> </html>

程序运行后,控制台输出如下:

02_javascript函数.png

我们定义了一个函数 maxInt,传入两个 int类型 的参数 a 和 b,函数返回一个 int 类型的参数。在函数里面,我们使用 if语句 判断 a 和 b 的值,如果 a > b 成立,那么就返回 a 的值,如果不成立,则返回 b 的值,因此实现了寻找 a 和 b 中最大数的逻辑。

接着,我们调用了 maxInt 函数,并传入了两个参数 10 和 20,使用 maxValue 变量来接受 maxInt 函数返回的值,最后打印函数返回的结果。

计算和

实现计算两个数之间的所有数的和

<!DOCTYPE html> <html> <head> <title>JavaScript函数</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); function sum(a, b){ var maxVal = Math.max(a, b); var minVal = Math.min(a, b); var sum = 0; for (var i = minVal; i <= maxVal; i++) { sum += i; } return sum; } var result = sum(10, 20); console.log("Result =", result); </script> </head> </html>

程序运行后,控制台输出如下:

03_javascript函数.png

我们定义了一个函数 sum,传入两个 int 类型的参数 a 和 b,函数返回一个 int 类型的参数。在函数里面,首先,我们使用系统函数 max 和 min 寻找参数 a 和 b 的最大值和最小值,并将结果分别保存在变量 maxVal 和 minVal 里。

接着,我们使用 for 循环遍历 maxVal 和 minVal 之间的所有数,并将它们相加赋值给变量 sum,最后返回 sum 即实现了求 a 和 b 之间的和的逻辑。

JavaScript函数声明与定义总结

在 JavaScript 中,使用函数前,必须先声明与定义函数。JavaScript 的函数由关键字 function、函数名、参数列表、函数体和返回语句组成。JavaScript 函数声明与定义语法:

function funcName(param1, param2, ...){ 执行语句... return 返回值 }