位置：首页-资讯-前端开发

jquery结束函数用什么

2022-11-22 23:41

短信预约 -IT技能 免费直播动态提醒

本教程操作环境：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