跨境派

跨境派

跨境派,专注跨境行业新闻资讯、跨境电商知识分享!

当前位置:首页 > 卖家故事 > 【JavaScript】函数 ④ ( 函数返回值 | 函数返回值语法 return 关键字 | 函数默认返回值 undefined )

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

时间:2024-04-12 07:30:34 来源:网络cs 作者:利杜鹃 栏目:卖家故事 阅读:

标签: 函数  返回  默认  语法  关键 
阅读本书更多章节>>>>

文章目录

一、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>

执行结果 :

在这里插入图片描述

阅读本书更多章节>>>>

本文链接:https://www.kjpai.cn/gushi/2024-04-12/157355.html,文章来源:网络cs,作者:利杜鹃,版权归作者所有,如需转载请注明来源和作者,否则将追究法律责任!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。

文章评论