【JavaScript】函数 ④ ( 函数返回值 | 函数返回值语法 return 关键字

【JavaScript】函数 ④ ( 函数返回值 | 函数返回值语法 return 关键字 | 函数默认返回值 undefined )

news/2024/7/27 11:59:29/文章来源:https://blog.csdn.net/han1202012/article/details/137289318

文章目录

一、JavaScript 函数返回值
- 1、函数返回值引入
- 2、函数返回值语法
- 3、函数默认返回值
- 4、函数默认返回值

一、JavaScript 函数返回值

1、函数返回值引入

JavaScript 函数可以实现某种特定的功能 , 执行完毕后 , 可以返回一个 " 返回值 " ;

当函数被调用执行任务完毕时 , " 返回值 " 会被返回给调用者 ;

如果函数中没有明确使用 return 关键字返回 " 返回值 " , 那么函数会默认返回undefined 值 ;

2、函数返回值语法

在 JavaScript 中 , 函数返回值是通过 return 语句实现 ,

在函数体中使用 return 语句指定函数返回的值 , 使用 return 语句后会立即终止函数的执行 ,

return 返回值语法如下 :

function functionName(parameters) {  // 函数体 return expression; // 返回值
}

在 JavaScript 中的返回值类型 , 不需要在函数声明中注明返回值类型 ;

3、函数默认返回值

在下面的代码中 , 定义了 add 函数 , 并且该函数没有显示使用 return 关键字返回返回值 ;

此时执行 add 函数 , 返回给调用者的默认返回值是 undefined 未定义值 ,

使用变量 ret 接收默认返回值 , 将其打印出来就是 undefined 值 ;

代码示例 :

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置 meta 视口标签 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// JavaScript 函数// 定义函数 有 2 个形参function add(num1, num2) {console.log("接收到实参 num1 = " + num1 + " , num2 = " + num2);console.log("计算结果 num1 + num2 = " + (num1 + num2));}// 1. 函数没有返回值var ret = add(1, 2);console.log("函数返回值 : " + ret);</script>
</head><body>
</body></html>

执行结果 : 打印出来的函数返回值是 undefined 未定义值 ;

在这里插入图片描述

4、函数默认返回值

在下面的代码中 , add 函数中使用 return 关键字返回返回值 ,

使用 ret 变量接收返回值 , 得到最终结果 3 ;

代码示例 :

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置 meta 视口标签 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// JavaScript 函数// 定义函数 有 2 个形参function add(num1, num2) {console.log("接收到实参 num1 = " + num1 + " , num2 = " + num2);console.log("计算结果 num1 + num2 = " + (num1 + num2));// 返回返回值return num1 + num2;}// 函数有返回值var ret = add(1, 2);console.log("函数返回值 : " + ret);</script>
</head><body>
</body></html>