jquery结束函数用if语句和return语句;只需要在函数中利用if语句设置结束条件,如果满足该条件就利用return语句来终止该函数的执行并返回函数的值即可,语法“if(停止条件){return 返回值表达式;}”,该返回值表达式可以为空,即结束函数且不返回值。
前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用
本教程操作环境:windows7系统、jquery3.6.1版本、Dell G3电脑。
jquery中,可以在函数中使用if语句和return语句来停止函数的执行。
实现思想:
-
在函数中利用if语句设置结束条件
-
如果满足该条件就利用return语句来终止该函数的执行
-
如果不满足该条件就继续执行
-
实现示例
下面我们通过示例来看一下停止函数的操作,示例如下:
新建一个html文件,命名为test.html,用于讲解jquery怎么停止函数执行。使用div标签创建一个模块,用于数字的输出显示。给div标签创建一个id属性,用于下面获得div对象。
在test.html文件内,创建一个button按钮,给button绑定onclick点击事件,当按钮被点击时,执行gofunc()函数。
在gofunc()函数内,使用for循环,通过append()方法输出数字,使用if语句判断如果变量i大于5,利用return停止函数的执行。
执行结果:
扩展知识:returny语句
return 语句在函数定义中的作用有两个:
-
一是返回函数值;
-
二是中止函数的执行。
return 语句通常在函数的末尾定义。语法格式:
return 返回值;
-
其中,“返回值”为一个可选参数,可以是一个具体的值或者表达式,也可以为空。“返回值”与 return 关键字之间需要使用空格分隔。
return 语句可以返回包括基本数据类型、对象、函数等任意类型的值。每个函数都会返回一个值。当没有使用 return 语句,或使用了 return,但其后面没有指明返回值时,函数都将返回“undefined”值。如果需要返回“undefined”以外的值,必须使用 return,同时指明返回的值。
函数一旦执行完 return 语句,将会立即返回函数值,并中止函数的执行,此时 return 语句后的代码都不会被执行。根据 return 语句的这一特性,常常会在需要提前退出函数的执行时,利用不带返回值的 return 语句来随时中止函数的执行。
说明:
-
对于有返回值的函数,我们可以会使用一个变量来接收这个函数的返回值,示例代码如下:
//声明一个带返回值的函数 function getSum(num1, num2){ //函数体 return num1 + num2; } //可以通过变量来接收这个返回值 var sum1 = getSum(7, 12); // 函数返回值为:19 var sum2 = getSum(-5, 33); // 函数返回值为:28
-
如果函数不包含 return 语句,则执行完函数体内每条语句后,返回 undefined 值。
【推荐学习:jQuery视频教程、web前端视频】