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> 效果如下：右边没有出现请求，请求被阻止了
总结如下：