JavaScript基础8_带有返回值的函数

最新推荐文章于 2024-05-27 10:37:20 发布

橘九。

最新推荐文章于 2024-05-27 10:37:20 发布

阅读量423

点赞数

分类专栏： JavaScript基础

本文链接：https://blog.csdn.net/qq_34400745/article/details/102673907

版权

JavaScript基础专栏收录该内容

18 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中return语句的使用，当在函数中使用return时，函数会停止执行并返回一个指定值。如果函数未接收到参数，可能会导致前端页面出现NaN错误。了解return的这一特性有助于前端开发者更好地调试和报错。

摘要由CSDN通过智能技术生成

有时，我们会希望函数将值返回调用它的地方。
通过使用 return 语句就可以实现。
在使用 return 语句时，函数会停止执行，并返回指定的值。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>函数的定义和调用</title>
	</head>
	<body>
		<script type="text/javascript">
			function add(a,b){
				var c=a+b;
				return c;
			}			
			document.write(add()+"<br />")
			document.write(add(2,5))		   
		</script>
		
	</body>
</html>

运行结果：
在这里插入图片描述
运行会输出“NaN”。在之前的项目测试过程中，前端页面出现过这个NaN, 现在终于知道这个问题产生原因。调用了函数，但是函数没有赋值参数。以后，前端页面看到这样的字符显示，就可以报Bug给前端工程师，告诉人家这个地方，调用了函数，但是这个参数没有提供参数，所以报了这个错。

总结：

return 语句返回的值是返回到该函数本身，如果不通过打印语句，是无法在页面或者控制台显示的。谁调用了返回函数，那么这个返回值就返回给谁，在这里，打印语句（document.write()）调用了一个有返回值的函数，这个函数的返回值就赋值了调用它的打印语句，所以才会在页面显示返回的结果。这个特点是所有编程语言返回语句的总结。