js中return；return true return false 的區別

時間 2019-12-20

標籤 return true false 區別欄目 JavaScript 简体版

原文原文鏈接

return 定義:javascript

return 語句會終止函數的執行並返回函數的值。html

注意這兩個： 1.終止函數的執行 2.返回函數的值java

返回函數的值這裏就不過多敘述了，就是 return 變量函數

先看下面的例子：post

<!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 在函數內部都中斷了函數的執行 測試

接着看看他們返回的結果是個啥代碼以下：spa

    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）code

有個知識點：表單提交的時候若是函數返回 false 表單就不提交了，切記！orm

首先看看能提交的狀況，代碼以下：htm

<!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>