js中return；return true return false 的區別
阿新 • • 發佈：2018-12-16
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 會阻止表單的提交。