jquery結(jié)束函數(shù)用if語句和return語句;只需要在函數(shù)中利用if語句設置結(jié)束條件,如果滿足該條件就利用return語句來終止該函數(shù)的執(zhí)行并返回函數(shù)的值即可,語法“if(停止條件){return 返回值表達式;}”,該返回值表達式可以為空,即結(jié)束函數(shù)且不返回值。
前端(vue)入門到精通課程:進入學習
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具:點擊使用
本教程操作環(huán)境:windows7系統(tǒng)、jquery3.6.1版本、Dell G3電腦。
jquery中,可以在函數(shù)中使用if語句和return語句來停止函數(shù)的執(zhí)行。
實現(xiàn)思想:
-
在函數(shù)中利用if語句設置結(jié)束條件
-
如果滿足該條件就利用return語句來終止該函數(shù)的執(zhí)行
-
如果不滿足該條件就繼續(xù)執(zhí)行
-
實現(xiàn)示例
下面我們通過示例來看一下停止函數(shù)的操作,示例如下:
新建一個html文件,命名為test.html,用于講解jquery怎么停止函數(shù)執(zhí)行。使用div標簽創(chuàng)建一個模塊,用于數(shù)字的輸出顯示。給div標簽創(chuàng)建一個id屬性,用于下面獲得div對象。
在test.html文件內(nèi),創(chuàng)建一個button按鈕,給button綁定onclick點擊事件,當按鈕被點擊時,執(zhí)行gofunc()函數(shù)。
在gofunc()函數(shù)內(nèi),使用for循環(huán),通過append()方法輸出數(shù)字,使用if語句判斷如果變量i大于5,利用return停止函數(shù)的執(zhí)行。
執(zhí)行結(jié)果:
擴展知識:returny語句
return 語句在函數(shù)定義中的作用有兩個:
-
一是返回函數(shù)值;
-
二是中止函數(shù)的執(zhí)行。
return 語句通常在函數(shù)的末尾定義。語法格式:
return 返回值;
-
其中,“返回值”為一個可選參數(shù),可以是一個具體的值或者表達式,也可以為空?!胺祷刂怠迸c return 關鍵字之間需要使用空格分隔。
return 語句可以返回包括基本數(shù)據(jù)類型、對象、函數(shù)等任意類型的值。每個函數(shù)都會返回一個值。當沒有使用 return 語句,或使用了 return,但其后面沒有指明返回值時,函數(shù)都將返回“undefined”值。如果需要返回“undefined”以外的值,必須使用 return,同時指明返回的值。
函數(shù)一旦執(zhí)行完 return 語句,將會立即返回函數(shù)值,并中止函數(shù)的執(zhí)行,此時 return 語句后的代碼都不會被執(zhí)行。根據(jù) return 語句的這一特性,常常會在需要提前退出函數(shù)的執(zhí)行時,利用不帶返回值的 return 語句來隨時中止函數(shù)的執(zhí)行。
說明:
-
對于有返回值的函數(shù),我們可以會使用一個變量來接收這個函數(shù)的返回值,示例代碼如下:
//聲明一個帶返回值的函數(shù) function getSum(num1, num2){ //函數(shù)體 return num1 + num2; } //可以通過變量來接收這個返回值 var sum1 = getSum(7, 12); // 函數(shù)返回值為:19 var sum2 = getSum(-5, 33); // 函數(shù)返回值為:28
-
如果函數(shù)不包含 return 語句,則執(zhí)行完函數(shù)體內(nèi)每條語句后,返回 undefined 值。
【推薦學習:jQuery視頻教程、web前端視頻】