javascript中return,return true,return false三者的用法及区别


Posted in Javascript onNovember 17, 2015

1.语法及返回方式

①返回控制与函数结果

        语法为:return 表达式;

        语句结果函数的执行,返回调用函数,而且把表达式的值作为函数结果返回出去

②返回控制无函数结果

        语法为:return;

        在大多数情况下,为事件处理函数如果让其返回false,可以防止默认的事件行为.例如,默认情况下,点击一个<a>标签元素,页面会跳转到该元素href属性指定的页. 而return false就相当于终止符,return true就相当于执行符. 在js中return false的作用一般是用来取消默认动作的.比如你单击一个链接除了触发你的"onclick"事件以外还要触发一个默认事件就是执行页面的跳转.所以这时候如果你想取消对象的默认动作就可以return false来阻止它的动作.也就是说如果你想用js代码来局部改变一些数据而不引起页面其他部位的变化,那么你就应该在onclick事件代码的后面加上return false;

在js中,我们通常用return false来阻止提交表单或者继续执行下面的代码,通俗来说就是阻止执行默认的行为.

function s1(){
  if(true){
    return false;
  }
}
function s2(){
  m();
  n();
  p();
}

上面两个例子,函数s1那样写没有问题的,if函数体里返回出去false,终止函数.而在函数s2里,如果我们在m函数里返回一个return false阻止提交,但是这并不影响函数n和函数p的执行.在s2函数里调用函数m,那里面的return false对于函数s2来说,只是相当于返回值,并不能阻止函数s2的执行.return false只在当前函数有效,并不会影响其他外部函数的执行.

总结:

return true;返回正常的处理结果.

return false;返回错误的处理结果;终止处理;阻止提交表单;阻止执行默认的行为.

return;把控制权返回给页面.

2.通常函数经过一系列的处理后需要给外部返回一个值,这个值一般用return返回出去,也可以是说return是向函数返回返回值,并终止函数的运行.

关于return,要注意的是在函数里return后面的内容是不再执行的.

function a(){ 
  return 10; 
  document.write(50);//不执行 
}
a();//10

上面的例子中,"return 10;"这个时候函数a的值会等于10,并且函数下面的内容不再执行,因为下面运行函数a时输入10.

究竟需不需要return来返回值,要看函数是来做什么,如果需要让它返回一个值就写return,如果不需要它返回值,就没必须写它.

function a(b,c){
  return b+c;
}
var abc=a(5,8);
console.log(abc);//13
function a(b,c){
  document.write(b+c);
}

var abc=a(5,8);//此时页面上会输出13,但其实abc是没有值的
console.log(abc);//undefined

当然,js中的return不一定非得用在函数function中,有时候也可以用来阻止某些动作,比如表单的提交,让表单的提交事件返回false,那表单就不会提交:onsubmit="return false";

Javascript 相关文章推荐
jQuery 下拉列表 二级联动插件分享
Mar 29 Javascript
Angularjs使用指令做表单校验的方法
Mar 31 Javascript
Javascript循环删除数组中元素的几种方法示例
May 18 Javascript
详解基于Node.js的微信JS-SDK后端接口实现代码
Jul 15 Javascript
Vue2.0权限树组件实现代码
Aug 29 Javascript
浅谈super-vuex使用体验
Jun 25 Javascript
用vscode开发vue应用的方法步骤
May 06 Javascript
Vue开发环境中修改端口号的实现方法
Aug 15 Javascript
一起写一个即插即用的Vue Loading插件实现
Oct 31 Javascript
JavaScript代理模式原理与用法实例详解
Mar 10 Javascript
vue数据更新UI不刷新显示的解决办法
Aug 06 Javascript
JavaScript实现简单日历效果
Sep 11 Javascript
jquery表单验证需要做些什么
Nov 17 #Javascript
今天抽时间给大家整理jquery和ajax的相关知识
Nov 17 #Javascript
jquery验证手机号是否正确实例讲解
Nov 17 #Javascript
跟我学习javascript的prototype使用注意事项
Nov 17 #Javascript
js弹出对话框方式小结
Nov 17 #Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
Nov 17 #Javascript
Jquery 垂直多级手风琴菜单附源码下载
Nov 17 #Javascript
You might like
PHP 得到根目录的 __FILE__ 常量
2008/07/23 PHP
关于PHP内存溢出问题的解决方法
2013/06/25 PHP
基于php中使用excel的简单介绍
2013/08/02 PHP
php 在线导入mysql大数据程序
2015/06/11 PHP
javascript中利用数组实现的循环队列代码
2010/01/24 Javascript
jquery 学习笔记一
2010/04/07 Javascript
JavaScript面向对象设计二 构造函数模式
2011/12/20 Javascript
JavaScript中switch判断容易犯错的一个细节
2014/08/27 Javascript
Javascript原型链的原理详解
2016/01/05 Javascript
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
2016/09/14 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
JS实现带导航城市列表以及输入搜索功能
2018/01/04 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
2018/02/26 Javascript
JavaScript中字符串的常用操作方法及特殊字符
2018/03/18 Javascript
Vue+webpack+Element 兼容问题总结(小结)
2018/08/16 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
2018/09/03 Javascript
详解webpack 热更新优化
2018/09/13 Javascript
layui的select联动实现代码
2019/09/28 Javascript
python让图片按照exif信息里的创建时间进行排序的方法
2015/03/16 Python
bpython 功能强大的Python shell
2016/02/16 Python
Python+Opencv识别两张相似图片
2020/03/23 Python
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
python实现浪漫的烟花秀
2019/01/30 Python
Python获取时间戳代码实例
2019/09/24 Python
基于Python执行dos命令并获取输出的结果
2019/12/30 Python
Selenium常见异常解析及解决方案示范
2020/04/10 Python
python 使用递归的方式实现语义图片分割功能
2020/07/16 Python
canvas绘制圆角头像的实现方法
2019/01/17 HTML / CSS
ZINVO手表官网:男士和女士手表
2019/03/10 全球购物
安全生产宣传标语
2014/06/06 职场文书
创先争优演讲稿
2014/09/15 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书
2014年村委会工作总结
2014/11/24 职场文书
详解JS WebSocket断开原因和心跳机制
2021/05/07 Javascript
Python实现数据的序列化操作详解
2022/07/07 Python
centos环境下nginx高可用集群的搭建指南
2022/07/23 Servers