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ù)且不返回值。

前端(vue)入門到精通課程:進(jìn)入學(xué)習(xí)
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具:點(diǎn)擊使用
本教程操作環(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á)式,也可以為空。“返回值”與 return 關(guān)鍵字之間需要使用空格分隔。
return 語(yǔ)句可以返回包括基本數(shù)據(jù)類型、對(duì)象、函數(shù)等任意類型的值。每個(gè)函數(shù)都會(huì)返回一個(gè)值。當(dāng)沒有使用 return 語(yǔ)句,或使用了 return,但其后面沒有指明返回值時(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前端視頻】
站長(zhǎng)資訊網(wǎng)