RETURN的用法是什么？若用在FOR循环中，还会执行下一次循环吗？

这里是修真院前端小课堂，每篇分享文从

【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】

八个方面深度解析前端知识/技能，本篇分享的是：

【return的用法是什么？若在for循环中，还会执行下一次循环吗？】

【修真院web小课堂】

大家好，我是IT修真院上海分院第8期的学员周能，一枚正直纯洁善良的web程序员，今天给大家分享一下，修真院官网web任务4，深度思考中的知识点——RETURN的用法是什么？若用在FOR循环中，还会执行下一次循环吗？

 

（1）背景介绍：

 
什么是数组

 

什么是RETURN

return是javascript里函数返回值的关键字，一个函数内处理的结果可以使用return返回，这样在调用函数的地方就可以用变量接收返回结果。return关键字内任何类型的变量数据或表达式都可以进行返回，甚至什么都不返回也可以

 
 

（2）知识剖析：

 
 

RETURN语句的用法

 

1、返回函数值,语句结束函数执行

 

function aa() {

return 1 //返回数字;

};

console.log(aa())

 

function bb() {

return "acs123df" //返回字符串}

}

console.log(bb())

console.log(typeof bb())

 

function cc() {

return function () { //返回函数表达式

let a = 1;

}

}

console.log(cc())

 

2、利用return阻止执行某些默认的行为。

JAVASCRIPT在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置。而该值决定了当前操作是否继续。当返回的是true时，将继续操作。当返回是false时，将中断操作。而直接执行时（不用return）。将不会对window.event.returnvalue进行设置所以会默认地继续执行操作

 

<a class="a" href="https://www.baidu.com/">百度

 

$(".a").click(function(){

$(".a").css("color", "red");

 

return false;//阻止默认事件

})

 

 

3、利用return阻止事件冒泡

 

<div class="div">div元素

<ul class="ul">ul元素

<li class="li">li元素

<span class="span">span元素</span>

</li>

</ul>

</div>

 

<script>

$('.div').click(function () {

setInterval(function () {

$(".div").css("border-color", "red");

}, 1500)

 

return false;//阻止冒泡事件

})

 

$(".ul").click(function () {

setInterval(function () {

$(".ul").css("border-color", "blue");

 

}, 1000)

 

return false;

})

 

$(".li").click(function () {

setInterval(function () {

$(".li").css("border-color", "yellow");

}, 500)

 

return false;

})

 

$(".span").click(function () {

setInterval(function () {

$(".span").css("border-color", "orange");

}, 0)

 

return false;

})

</script>

 

 

 

 

（3）常见问题：

 

若return用在for循环中，还会执行下一次循环吗？

function a() {

for (let i = 0; i < 10; i++) {

console.log(i)

if (i == 8) {

return console.log(i);

}

}

}

a()

 

function test() {

let arr = []

for (let i = 0; i < 10; i++) {

arr.push((i))

if (i == 6) {

return arr;

}

}

console.log(arr)

}

console.log(test())

 

 

 

（4）解决方案：

通过简单的demo我们可以看到，在for循环会返回return所返回的值，并不会执行下一次循环,而是起到跳出循环的作用

 

 

 

（5）编码实战：

 

 

 

 

 

（6）拓展思考：

 

 

除了RETURN之外，还有哪些语句可以跳出循环？

1、break

2、continue

 

 

（7）参考文献：

https://baijiahao.baidu.com/s...

https://www.jb51.net/article/...

 

 

（8）更多讨论：

 

 

1、若return用在for循环中，还会执行下一次循环吗？

答：在for循环使用return会返回return所返回的值，并不会执行下一次循环,而是起到跳出循环的作用

 

2、RETURN语句有什么用法？

答：1、返回函数值,语句结束函数执行

       2、利用return阻止执行某些默认的行为。

       3、利用return阻止事件冒泡

 

 

3、除了RETURN之外，还有哪些语句可以跳出循环？

答：1、break可以跳出循环

       2、continue严格来说不能算是真正的跳出循环，他只是跳过了当前执行的代码块，继续执行后面的代码块

（9）鸣谢：

感谢观看

（10）结束语：

今天的分享就到这里啦，欢迎大家点赞、转发、留言、拍砖~