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改变HTML元素的样式改变CSS及元素属性
Nov 12 Javascript
JS关键字球状旋转效果的实例代码
Nov 29 Javascript
更快的异步执行(setTimeout多浏览器)
Aug 12 Javascript
简单实现JS对dom操作封装
Dec 02 Javascript
javascript实现查找数组中最大值方法汇总
Feb 13 Javascript
一款简单的jQuery图片标注效果附源码下载
Mar 22 Javascript
推荐15个最好用的JavaScript代码压缩工具
Feb 13 Javascript
JS多个异步请求 按顺序执行next实现解析
Sep 16 Javascript
java和js实现的洗牌小程序
Sep 30 Javascript
微信小程序使用 vant Dialog组件的正确方式
Feb 21 Javascript
使用 Opentype.js 生成字体子集的实例代码详解
May 25 Javascript
Bootstrap告警框(alert)实现弹出效果和短暂显示后上浮消失的示例代码
Aug 27 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
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
php实现可用于mysql,mssql,pg数据库操作类
2014/12/13 PHP
smarty内置函数capture用法分析
2015/01/22 PHP
PHP中静态变量的使用方法实例分析
2016/12/01 PHP
网站被黑的假象--ARP欺骗之页面中加入一段js
2007/05/16 Javascript
JQuery toggle使用分析
2009/11/16 Javascript
js实现的常用的左侧导航效果
2013/10/17 Javascript
详解Angularjs中的依赖注入
2016/03/11 Javascript
javascript实现粘贴qq截图功能(clipboardData)
2016/05/29 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
2017/02/22 Javascript
underscore之Chaining_动力节点Java学院整理
2017/07/10 Javascript
vue中使用ueditor富文本编辑器
2018/02/08 Javascript
Nodejs核心模块之net和http的使用详解
2019/04/02 NodeJs
countUp.js实现数字动态变化效果
2019/10/17 Javascript
React+EggJs实现断点续传的示例代码
2020/07/07 Javascript
[53:49]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[53:29]完美世界DOTA2联赛循环赛 DM vs Matador BO2第二场 11.04
2020/11/05 DOTA
Python做文本按行去重的实现方法
2016/10/19 Python
解决python写入mysql中datetime类型遇到的问题
2018/06/21 Python
python 随机打乱 图片和对应的标签方法
2018/12/14 Python
Django学习笔记之为Model添加Action
2019/04/30 Python
Python安装及Pycharm安装使用教程图解
2019/09/20 Python
HTML5 Canvas基本线条绘制的实例教程
2016/03/17 HTML / CSS
Fashion Eyewear美国:英国线上设计师眼镜和太阳镜的零售商
2016/08/15 全球购物
马来西亚网上美容店:Hermo.my
2017/11/25 全球购物
上课玩手机检讨书
2014/02/08 职场文书
幼儿教师国培感言
2014/02/19 职场文书
学校元旦晚会方案
2014/02/19 职场文书
体育教学随笔感言
2014/02/24 职场文书
图书馆志愿者活动总结
2014/06/27 职场文书
护士2014年终工作总结
2014/11/11 职场文书
升学宴答谢词
2015/01/05 职场文书
2015年感恩父亲节演讲稿
2015/03/19 职场文书
财务总监岗位职责范本
2015/04/03 职场文书
酒桌上的开场白
2015/06/01 职场文书
nginx刷新页面出现404解决方案(亲测有效)
2022/03/18 Servers