jquery結(jié)束函數(shù)用if語(yǔ)句和return語(yǔ)句；只需要在函數(shù)中利用if語(yǔ)句設(shè)置結(jié)束條件，如果滿足該條件就利用return語(yǔ)句來(lái)終止該函數(shù)的執(zhí)行并返回函數(shù)的值即可，語(yǔ)法“if(停止條件){return 返回值表達(dá)式;}”，該返回值表達(dá)式可以為空，即結(jié)束函數(shù)且不返回值。

本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.1版本、Dell G3電腦。

jquery中，可以在函數(shù)中使用if語(yǔ)句和return語(yǔ)句來(lái)停止函數(shù)的執(zhí)行。

實(shí)現(xiàn)思想：

• 在函數(shù)中利用if語(yǔ)句設(shè)置結(jié)束條件

  • 如果滿足該條件就利用return語(yǔ)句來(lái)終止該函數(shù)的執(zhí)行

  • 如果不滿足該條件就繼續(xù)執(zhí)行

實(shí)現(xiàn)示例

下面我們通過(guò)示例來(lái)看一下停止函數(shù)的操作，示例如下：

新建一個(gè)html文件，命名為test.html，用于講解jquery怎么停止函數(shù)執(zhí)行。使用div標(biāo)簽創(chuàng)建一個(gè)模塊，用于數(shù)字的輸出顯示。給div標(biāo)簽創(chuàng)建一個(gè)id屬性，用于下面獲得div對(duì)象。

在test.html文件內(nèi)，創(chuàng)建一個(gè)button按鈕，給button綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行g(shù)ofunc()函數(shù)。

在gofunc()函數(shù)內(nèi)，使用for循環(huán)，通過(guò)append()方法輸出數(shù)字，使用if語(yǔ)句判斷如果變量i大于5，利用return停止函數(shù)的執(zhí)行。

執(zhí)行結(jié)果：

擴(kuò)展知識(shí)：returny語(yǔ)句

return 語(yǔ)句在函數(shù)定義中的作用有兩個(gè)：

• 一是返回函數(shù)值；

• 二是中止函數(shù)的執(zhí)行。

return 語(yǔ)句通常在函數(shù)的末尾定義。語(yǔ)法格式：

return 返回值;

• 其中，“返回值”為一個(gè)可選參數(shù)，可以是一個(gè)具體的值或者表達(dá)式，也可以為空?！胺祷刂怠迸c return 關(guān)鍵字之間需要使用空格分隔。

return 語(yǔ)句可以返回包括基本數(shù)據(jù)類型、對(duì)象、函數(shù)等任意類型的值。每個(gè)函數(shù)都會(huì)返回一個(gè)值。當(dāng)沒(méi)有使用 return 語(yǔ)句，或使用了 return，但其后面沒(méi)有指明返回值時(shí)，函數(shù)都將返回“undefined”值。如果需要返回“undefined”以外的值，必須使用 return，同時(shí)指明返回的值。

函數(shù)一旦執(zhí)行完 return 語(yǔ)句，將會(huì)立即返回函數(shù)值，并中止函數(shù)的執(zhí)行，此時(shí) return 語(yǔ)句后的代碼都不會(huì)被執(zhí)行。根據(jù) return 語(yǔ)句的這一特性，常常會(huì)在需要提前退出函數(shù)的執(zhí)行時(shí)，利用不帶返回值的 return 語(yǔ)句來(lái)隨時(shí)中止函數(shù)的執(zhí)行。

說(shuō)明：

• 對(duì)于有返回值的函數(shù)，我們可以會(huì)使用一個(gè)變量來(lái)接收這個(gè)函數(shù)的返回值，示例代碼如下：

//聲明一個(gè)帶返回值的函數(shù)
function getSum(num1, num2){
        //函數(shù)體
    return num1 + num2;
}
//可以通過(guò)變量來(lái)接收這個(gè)返回值
var sum1 = getSum(7, 12);      // 函數(shù)返回值為：19
var sum2 = getSum(-5, 33);     // 函數(shù)返回值為：28

• 如果函數(shù)不包含 return 語(yǔ)句，則執(zhí)行完函數(shù)體內(nèi)每條語(yǔ)句后，返回?undefined?值。

【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】

以上是jquery結(jié)束函數(shù)用什么的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！