小心JavaScript中return语句的陷阱

最新推荐文章于 2024-01-30 15:32:37 发布

qq_26386461

最新推荐文章于 2024-01-30 15:32:37 发布

阅读量584

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_26386461/article/details/78563452

1 篇文章

订阅专栏

本文探讨了JavaScript中return语句的两个常见陷阱：在for循环内的使用导致提前返回及ASI对其的影响。并介绍了return语句的基本定义及其语法。

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

一、首先请看两段关于return的代码

function sum(...rest) {
	var Num = 0;
	for (var x of rest) {
		Num += Number(x);
	return(Num);
	}
}

sum(1, 2, 3, 4, 5)
1

如果return语句在for循环内，返回结果为1（返回第一个元素，而不是全部元素的和）。

如果需要返回for循环后的结果，return语句需要在for循环外。

function sum(...rest) {
	var Num = 0;
	for (var x of rest) {
		Num += Number(x);
    }
	return(Num);
	
}

sum(1, 2, 3, 4, 5)
15

二、return的第二个坑

自动插入分号（ASI）规则会影响return语句。在return关键字和被返回的表达式之间不允许使用行终止符。

return
a + b;

根据ASI，被转换为：

return;
a  + b;

三、return语句定义

return语句定义为“return语句终止函数的执行，并返回一个指定的值给函数调用者。”

语法

return [[exoression]];

expression -- 被返回的表达式。如果忽略，则返回undefined。