JavaScript之return那些事

最新推荐文章于 2024-01-30 15:32:37 发布

shenmill

最新推荐文章于 2024-01-30 15:32:37 发布

阅读量581

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/shenmill/article/details/52169711

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

在javascript中我们用到return常常在两个地方，第一个调用方法中，第二个是在方法返回中，我们来看看它具体怎么用。
调用方法：
οnclick=”return click()”;或者οnclick=”click()”;这两个有啥区别呢？

<body>
    <a href="http://www.baidu.com" onclick="return Abc()">点我啊</a>
    <script type="text/javascript">
        function Abc (e) {
            alert("lalala");
        }
</script>
</body>

<!doctype html>
<html lang="us">
<head>
    <meta charset="utf-8">
</head>
<body>
    <a href="http://www.baidu.com" onclick="Abc()">点我啊</a>
    <script type="text/javascript">
        function Abc (e) {
            alert("lalala");
        }
</script>
</body>
</html>

运行两个程序没有什么区别啊，那为什么要加return啊，不加多省事，来看看函数中return的三种方式：
return； return true； return false；
return：把控制权返回给页面。
return true：返回正确的处理结果。
return false：分会错误的处理结果，终止处理。
在调用函数时用return实际上是对window.event.returnvalue进行设置，如果所调函数返回的值为true将继续操作，为false则终止操作。
我们把二者结合起来看看：

<body>
    <a href="http://www.baidu.com" onclick="return Abc()">点我啊</a>
    <script type="text/javascript">
        function Abc (e) {
            alert("lalala");
            return false;
        }
</script>
</body>

点击后函数返回false阻止事件继续，所以不会跳转至百度页面。所以应该改成：

<body>
    <a href="http://www.baidu.com" onclick="return Abc()">点我啊</a>
    <script type="text/javascript">
        function Abc (e) {
            alert("lalala");
            return true;
        }
</script>
</body>

在表单处理的时候，在提交操作前会有校验的步骤，当校验成功后return true代表返回成功，进行提交步骤。如果没有在调用时用return，在提交表单方法中也没有用return true时，表单就会出错，无法提交，所以不管用哪种调用方法，有没有return，在调用的方法里return true；最保险。