js中return；return true return false 的區別

本文轉載自查看原文 2018-10-18 17:03 2784 js

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>

通過上面的例子可以看出 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

返回的結果分別是 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>

效果如下：右邊出現了請求（注意：表單請求會刷新頁面）

阻止表單提交的代碼如下：

<!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. return ; return false return true 都會在函數內部阻止程序的執行。

2. 只有 return false 會阻止表單的提交。

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js中return；、return true、return false;區別 js中return；、return true、return false 區別 js中return；、return true、return false;區別 js中return 、return false 、return true、break、continue區別 js中return；、return true、return false;區別 js中return false,return,return true的用法及區別 return、return false；和 return true的區別 javascript中的return、return true、return false、continue區別 js中return、return false 、return true各自代表什么含義 javascript中return，return false和return 0的區別