Saber 酱的抱枕

Fly me to the moon

04/9
2015
学习

js中return的作用

js中的return,常见的有两种用法。一种是使用'return false'、'return true'来阻止或允许某个动作,代码如下:

<a href="http://www.saber.love/" onclick="return false">Saber酱的抱枕</a>

此时点击a标签不会做跳转动作。这个方法也常被用在表单验证的提交过程中。

另一种使用方法是用return返回所需的值。

    <script type="text/javascript">
        function add (x,y) {
            var sum=x+y;
            return sum;
        }
        alert(add(1,3));
    </script>

上面的示例里,add函数计算了两个参数相加之和,然后返回结果(sum的值)。这样,我们可以在调用这个函数的时候直接取得结果sum。如果不返回sum的值的话,想要弹出sum值,就只能在函数内操作了,因为函数外无法获取到sum的值(仅讨论此例)。

话说,以上两种方法有时候也可能需要结合起来使用。例如:

    <a href="http://www.saber.love/" onclick="return skip(this.innerText)">Saber酱的抱枕</a>
    <a href="http://www.baidu.com/" onclick="return skip(this.innerText)">百度</a>
    <script type="text/javascript">
        function skip (x) {
            if (x=='Saber酱的抱枕') {return false;}else{return true}
        }
    </script>

当点击链接的时候,是执行'return false'还是执行'return true',是由函数内return返回的值所决定的。

js中return的作用