前言：
今天看官们对“returnjs用法”都比较注意，姐妹们都想要剖析一些“returnjs用法”的相关资讯。那么小编也在网摘上网罗了一些关于“returnjs用法””的相关资讯，希望同学们能喜欢，我们一起来了解一下吧！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 会阻止表单的提交。
对前端的技术，架构技术感兴趣的同学关注我的头条号，并在后台私信发送关键字：“前端”即可获取免费的架构师学习资料
知识体系已整理好，欢迎免费领取。还有面试视频分享可以免费获取。关注我，可以获得没有的架构经验哦！！
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #returnjs用法
