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 相关文章推荐
表单提交验证类
Jul 14 Javascript
给网站上的广告“加速”显示的方法
Apr 08 Javascript
JQuery动态创建DOM、表单元素的实现代码
Aug 09 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 Javascript
ajax与json 获取数据并在前台使用简单实例
Jan 19 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
May 21 Javascript
mpvue实现左侧导航与右侧内容的联动
Oct 21 Javascript
详解Angular Karma测试的持续集成实践
Nov 15 Javascript
VUE 动态组件的应用案例分析
Dec 02 Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
Feb 01 Javascript
vue组件传值的实现方式小结【三种方式】
Feb 05 Javascript
js实现圆形显示鼠标单击位置
Feb 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
如何限制访问者的ip(PHPBB的代码)
2006/10/09 PHP
使用php get_headers 判断URL是否有效的解决办法
2013/04/27 PHP
PHP中spl_autoload_register函数的用法总结
2013/11/07 PHP
PHP分页显示的方法分析【附PHP通用分页类】
2018/05/10 PHP
PHP中散列密码的安全性分析
2019/07/26 PHP
URL编码转换,escape() encodeURI() encodeURIComponent()
2006/12/27 Javascript
js变量以及其作用域详解
2020/07/18 Javascript
javascript中的delete使用详解
2013/04/11 Javascript
简单的js表单验证函数
2013/10/28 Javascript
Get中文乱码IE浏览器Get中文乱码解决方案
2013/12/26 Javascript
file控件选择上传文件确定后触发的js事件是哪个
2014/03/17 Javascript
js 采用delete实现继承示例代码
2014/05/20 Javascript
JS实现简单路由器功能的方法
2015/05/27 Javascript
Vue实现双向数据绑定
2017/05/03 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
2017/05/08 Javascript
详谈AngularJs 控制器、数据绑定、作用域
2017/07/09 Javascript
vue多种弹框的弹出形式的示例代码
2017/09/18 Javascript
vue 插值 v-once,v-text, v-html详解
2018/01/19 Javascript
对layui初始化列表的CheckBox属性详解
2019/09/13 Javascript
js实现圆形菜单选择器
2020/12/03 Javascript
python获取网页状态码示例
2014/03/30 Python
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
python操作字典类型的常用方法(推荐)
2016/05/16 Python
python的random模块及加权随机算法的python实现方法
2017/01/04 Python
python web.py开发httpserver解决跨域问题实例解析
2018/02/12 Python
解决py2exe打包后,总是多显示一个DOS黑色窗口的问题
2019/06/21 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
Python unittest单元测试框架实现参数化
2020/04/29 Python
详解CSS3中字体平滑处理和抗锯齿渲染
2017/03/29 HTML / CSS
Mytheresa中国官网:德国时尚奢侈品商城
2017/08/04 全球购物
电子商务专业在校生实习自我鉴定
2013/09/29 职场文书
数学系毕业生的自我评价
2014/01/10 职场文书
解决Tkinter中button按钮未按却主动执行command函数的问题
2021/05/23 Python
JavaWeb 入门篇(3)ServletContext 详解 具体应用
2021/07/16 Java/Android
使用CSS连接数据库的方式
2022/02/28 HTML / CSS
未发现nvidia显卡怎么办?Win11系统中未检测到nvidia显卡解决教程
2022/04/08 数码科技