首頁 > web前端 > js教程 > javascript怎麼停止函數執行

javascript怎麼停止函數執行

青灯夜游
發布: 2023-01-04 09:36:09
原創
14042 人瀏覽過

在javascript中,可以利用「return」關鍵字來停止函數執行;只需要在函數中加入「return;」程式碼即可。 return從字面意思來看就是返回,官方定義中return語句用來終止目前函數的執行並傳回目前函數的值。

javascript怎麼停止函數執行

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

在javascript中如果要終止一個函數的用return即可,實例如下:

function testA(){
    alert('a');
    alert('b');
    alert('c');
}
登入後複製

testA(); 程式執行會依序彈出'a ','b','c'。

function testA(){
    alert('a');
    return;
    alert('b');
    alert('c');
}
登入後複製

testA(); 程式執行彈出'a'便會終止。

【推薦學習:javascript進階教學

#javascript return語句

JavaScript return 語句,表示從被調函數回到主調函數繼續執行,返回時可附帶一個回傳值,由return後面的參數指定。 return通常是必要的,因為函數呼叫的時候計算結果通常是透過回傳值帶出的。如果函數執行不需要回傳計算結果,也常常需要傳回一個狀態碼來表示函數執行的順暢與否(-1和0就是最常用的狀態碼),主調函數可以透過回傳值來判斷被調函數的執行情況。

return回傳值的作用就是把固定不變的,常用的程式碼封裝起來寫在類別裡,每次用到的時候就呼叫就行了。

先來簡單總結一下renturn的實際使用。

1. return 語句會終止函數的執行並傳回函數的值。

寫一個button觸發onclick事件

function demo1() {
return1;
document.write(&#39; <div class="print-result">&#39;+"demo1"+&#39;</div>&#39;);
}
登入後複製

在return的時候,函數值等於1,後續程式碼不會再執行,不會有後續輸出。

function demo2() {
function a(b,c) {
return b+c;
document.write(&#39;<div class= "print-result">&#39;+ (b+c) +&#39;</div>&#39;);
}
var abc=a(5,80);
alert(abc);
}
登入後複製

呼叫abc這個變數的時候,它的值會是85;如果想直接輸出結果,不要回傳值那就刪除掉return b c,這樣abc是沒有值的,但是網頁會輸出85。

也可以說預設函數是沒有回傳值的。通常函數經過一系列處理後需要給外部傳回一個值或對象,如

function demo3() {
function sum(a,b){
returna+b
}
alert(sum(1,2));
}
登入後複製

這個時候alert顯示的值是3,而如果去掉return,則會回傳undefined。

2. 基於函數傳回值的應用程式

return在終止函數執行時的應用:為事件處理函數傳回return:false; ,作用在於阻止預設事件行為和取消預設動作,如

<a href ="一个网址"  οnclick= “return demo4()”>demo4</a>
登入後複製

為它加上一個return值

function demo4() {return false;}
登入後複製

這樣點選連結就不會跳轉

以上就是return的常見用法,此時有一個比較常見的問題,即:若在for迴圈中使用了return,還會執行下一個迴圈嗎?

function demo5() {
for(var i=1; ;i++) {
console.log(i+"A");
return;
console.log(i+"B");}
console.log(i+"C");}
登入後複製

由於出現return,函數直接終止運作並且傳回目前值,所以這段函數的輸出值只有1A。

所以,如下函數,

function demo6() {
function counter() {
for(var count=1; ;count++) {
console.log(count+"A");
if(count===5) {return;}
console.log(count+"B");}
console.log(count+"C");}
counter();}
登入後複製

輸出值是1A,1B,2A,2B,3A,3B,4A,4B,5C。

更多程式相關知識,請造訪:程式設計影片! !

以上是javascript怎麼停止函數執行的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板