js中return；return true return false 的区别_return ture也能返回value的值？

作者：菜鸟追梦旅行 | 2024-05-17 06:19:10

踩

return ture也能返回value的值？

return 定义:

return 语句会终止函数的执行并返回函数的值。

注意这两个： 1.终止函数的执行 2.返回函数的值

返回函数的值这里就不过多叙述了，就是 return 变量

先看下面的例子：

<!DOCTYPE html>
<html>
<head>
    <title>return测试</title>
</head>
<body>
<a href="#"></a>
<a onclick="fun1()">111</a>
<a onclick="fun2()">222</a>
<a onclick="fun3()">333</a>
<a onclick="fun4()">444</a>

<script type="text/javascript">
    function fun1() { return ;
        console.log('111 这个不会执行')
    } function fun2() { return false console.log('222 这个不会执行')
    } function fun3() { return true console.log('333 这个不会执行')
    } function fun4() {
        console.log('444 这个会执行')
    } </script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

**通过上面的例子可以看出 return ; return false return true 在函数内部都中断了函数的执行 **

接着看看他们返回的结果是个啥代码如下：

 function fun1() {
        return ;
    }
    function fun2() {
        return false
    }
    function fun3() {
        return true
    }
    console.log(fun1())
    // undefined
    console.log(fun2())
    // false
    console.log(fun3())
    // true
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

返回的结果分别是 undefined false true 注：（undefine != false）

有个知识点：表单提交的时候如果函数返回 false 表单就不提交了，切记！

首先看看能提交的情况，代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>return测试</title>
</head>
<body>
    <form method="post" onsubmit="return submitFunction()">
        <input type="text" name="nameId">
        <button type="submit" id="submit">提交</button> 
    </form>

<script type="text/javascript">
    function submitFunction () { return ;
    } </script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

效果如下：右边出现了请求（注意：表单请求会刷新页面）

阻止表单提交的代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>return测试</title>
</head>
<body>
    <form method="post" onsubmit="return submitFunction()">
        <input type="text" name="nameId">
        <button type="submit" id="submit">提交</button> 
    </form>

<script type="text/javascript">
    function submitFunction () { return false;
    } </script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

效果如下：右边没有出现请求，请求被阻止了

总结如下：

1. return ; return false return true 都会在函数内部阻止程序的执行。

2. 只有 return false 会阻止表单的提交。
发现文章中的错误，或者有更好的建议，欢迎评论或进前端全栈群：866109386，来交流讨论吹水。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/582322