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中获取Radio元素值的方法
Jul 02 Javascript
js导航栏单击事件背景变换示例代码
Jan 13 Javascript
js四舍五入数学函数round使用实例
May 09 Javascript
js实现的捐赠管理完整实例
Jan 20 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
Dec 14 Javascript
JavaScript运行过程中的“预编译阶段”和“执行阶段”
Dec 16 Javascript
JS实现的加减乘除四则运算计算器示例
Aug 09 Javascript
js解决软键盘遮挡输入框的问题分享
Dec 19 Javascript
使用vux实现上拉刷新功能遇到的坑
Feb 08 Javascript
vue-router命名路由和编程式路由传参讲解
Jan 19 Javascript
Vue formData实现图片上传
Aug 20 Javascript
微信小程序 简易计算器实现代码实例
Sep 02 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数据集构建JSON格式及新数组的方法
2012/11/07 PHP
Laravel日志用法详解
2016/10/09 PHP
PHP 验证身份证是否合法的函数
2017/02/09 PHP
javascript知识点收藏
2007/02/22 Javascript
深入理解JavaScript系列(11) 执行上下文(Execution Contexts)
2012/01/15 Javascript
jQuery根据纬度经度查看地图处理程序
2013/05/08 Javascript
js实现创建删除html元素小结
2015/09/30 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
2016/09/08 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
2017/09/07 Javascript
nodejs 最新版安装npm 的使用详解
2018/01/18 NodeJs
关于express与koa的使用对比详解
2018/01/25 Javascript
vue.js实现只弹一次弹框
2018/01/29 Javascript
JavaScript中Object基础内部方法图
2018/02/05 Javascript
javascript将扁平的数据转为树形结构的高效率算法
2020/02/27 Javascript
在vue中实现清除echarts上次保留的数据(亲测有效)
2020/09/09 Javascript
9种python web 程序的部署方式小结
2014/06/30 Python
利用python实现简单的邮件发送客户端示例
2017/12/23 Python
Django中针对基于类的视图添加csrf_exempt实例代码
2018/02/11 Python
Python队列、进程间通信、线程案例
2019/10/25 Python
Python numpy线性代数用法实例解析
2019/11/15 Python
基于python实现检索标记敏感词并输出
2020/05/07 Python
Selenium 配置启动项参数的方法
2020/12/04 Python
实习自我鉴定模板
2013/09/28 职场文书
计算机毕业大学生推荐信
2013/12/01 职场文书
会计职业生涯规划书
2014/01/13 职场文书
十八大报告观后感
2014/01/28 职场文书
交通安全教育制度
2014/02/02 职场文书
护士自我鉴定怎么写
2014/02/07 职场文书
临床医学专业求职信
2014/08/08 职场文书
公司感恩节活动策划书
2014/10/11 职场文书
2014感恩节演讲稿大全
2014/10/11 职场文书
2014年小学体育工作总结
2014/12/11 职场文书
2016北大自主招生自荐信模板
2016/01/28 职场文书
创业计划书之电动车企业
2019/10/11 职场文书
解决jupyter notebook启动后没有token的坑
2021/04/24 Python
Golang 1.18 多模块Multi-Module工作区模式的新特性
2022/04/11 Golang