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>
$(".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?id=1570541465205209&wfr=spider&for=pc
https://www.jb51.net/article/30388.htm
（8）更多討論：
1、若return用在for迴圈中，還會執行下一次迴圈嗎？
答：在for迴圈使用return會返回return所返回的值，並不會執行下一次迴圈,而是起到跳出迴圈的作用
2、RETURN語句有什麼用法？
答：1、返回函式值,語句結束函式執行
2、利用return阻止執行某些預設的行為。
3、利用return阻止事件冒泡
3、除了RETURN之外，還有哪些語句可以跳出迴圈？
答：1、break可以跳出迴圈
2、continue嚴格來說不能算是真正的跳出迴圈，他只是跳過了當前執行的程式碼塊，繼續執行後面的程式碼塊
（9）鳴謝：
感謝觀看
（10）結束語：
今天的分享就到這裡啦，歡迎大家點贊、轉發、留言、拍磚~
更多內容，可以加入IT交流群565734203與大家一起討論交流
這裡是技能樹·IT修真院：https://www.jnshu.com，初學者轉行到網際網路的聚集地