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 相关文章推荐
javascript 鼠标滚轮事件
Apr 09 Javascript
jquery插件EasyUI中form表单提交实例分享
Jan 11 Javascript
jQuery实现iframe父窗体和子窗体的相互调用
Jun 17 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
Jul 09 Javascript
AngularJS 中的事件详解
Jul 28 Javascript
几行js代码实现自适应
Feb 24 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
Apr 27 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
Jul 10 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
Oct 31 Javascript
node实现登录图片验证码的示例代码
Apr 20 Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
Nov 15 Javascript
vue 使用高德地图vue-amap组件过程解析
Sep 07 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安装问题
2006/10/09 PHP
PHP IN_ARRAY 函数使用注意事项
2010/07/24 PHP
php标签云的实现代码
2012/10/10 PHP
php读取excel文件的简单实例
2013/08/26 PHP
你可能不知道PHP get_meta_tags()函数
2014/05/12 PHP
C#静态方法与非静态方法实例分析
2014/09/22 PHP
php实现通过cookie换肤的方法
2015/07/13 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
PHP+百度AI OCR文字识别实现了图片的文字识别功能
2019/05/08 PHP
jQuery ready函数滥用分析
2011/02/16 Javascript
js实现点小图看大图效果的思路及示例代码
2013/10/28 Javascript
HTML5使用DeviceOrientation实现摇一摇功能
2015/06/05 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
jquery动态创建div与input的实例代码
2016/10/12 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
2017/04/22 Javascript
Node.js利用断言模块assert进行单元测试的方法
2017/09/28 Javascript
Vue 根据条件判断van-tab的显示方式
2020/08/03 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
[01:48:04]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第一场 2月7日
2021/03/11 DOTA
python编程羊车门问题代码示例
2017/10/25 Python
Python set常用操作函数集锦
2017/11/15 Python
python钉钉机器人运维脚本监控实例
2019/02/20 Python
Python选择网卡发包及接收数据包
2019/04/04 Python
浅谈Python大神都是这样处理XML文件的
2019/05/31 Python
Flask框架模板渲染操作简单示例
2019/07/31 Python
Python实现多线程下载脚本的示例代码
2020/04/03 Python
python爬虫scrapy基本使用超详细教程
2021/02/20 Python
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
千禧酒店及度假村官方网站:Millennium Hotels and Resorts
2019/05/10 全球购物
测绘工程专业个人自我评价
2013/12/01 职场文书
安全协议书
2014/04/23 职场文书
幼儿教师演讲稿
2014/05/06 职场文书
党的群众路线教育实践活动个人整改措施材料
2014/11/04 职场文书
2015年全国助残日活动方案
2015/05/04 职场文书
JavaScript中document.activeELement焦点元素介绍
2021/11/27 Javascript
第四次工业革命,打工人与机器人的竞争
2022/04/21 数码科技