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 相关文章推荐
比较简单实用的使用正则三种版本的js去空格处理方法
Nov 18 Javascript
JavaScript入门教程(11) js事件处理
Jan 31 Javascript
实例讲解jquery与json的结合
Jan 07 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
Mar 11 Javascript
Javascript仿京东放大镜的效果
Mar 01 Javascript
分析javascript中9 个常见错误阻碍你进步
Sep 18 Javascript
vue.draggable实现表格拖拽排序效果
Dec 01 Javascript
解决微信小程序中转换时间格式IOS不兼容的问题
Feb 15 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
Jun 06 jQuery
JavaScript遍历数组的方法代码实例
Jan 14 Javascript
前端使用crypto.js进行加密的函数代码
Aug 16 Javascript
JavaScript canvas实现雨滴特效
Jan 10 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准确获取文件MIME类型的方法
2015/06/17 PHP
thinkPHP连接sqlite3数据库的实现方法(附Thinkphp代码生成器下载)
2016/05/27 PHP
PHP自定义多进制的方法
2016/11/03 PHP
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
javascript获取所有同类checkbox选项(实例代码)
2013/11/07 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
JavaScript弹窗基础篇
2016/04/27 Javascript
JavaScript接口的实现三种方式(推荐)
2016/06/14 Javascript
详解Javascript中prototype属性(推荐)
2016/09/03 Javascript
jquery easyui DataGrid简单示例
2017/01/23 Javascript
JS仿Base.js实现的继承示例
2017/04/07 Javascript
详解如何用webpack打包一个网站应用项目
2017/07/12 Javascript
解决vue里碰到 $refs 的问题的方法
2017/07/13 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
2019/08/02 Javascript
微信接入之获取用户头像的方法步骤
2019/09/23 Javascript
QML实现圆环颜色选择器
2019/09/25 Javascript
原生js实现购物车功能
2020/09/23 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
2020/10/12 Javascript
[05:31]干嘛呢兄弟!DOTA2 TI9语音轮盘部分出处
2019/05/14 DOTA
Python的requests网络编程包使用教程
2016/07/11 Python
浅析python的优势和不足之处
2018/11/20 Python
TensorFlow 多元函数的极值实例
2020/02/10 Python
会计专业毕业生推荐信
2013/11/05 职场文书
学校运动会开幕演讲稿
2014/01/04 职场文书
入党积极分子思想汇报范文
2014/01/05 职场文书
在校生自我鉴定
2014/01/23 职场文书
坚定理想信念心得体会
2014/03/11 职场文书
教师四风自我剖析材料
2014/09/30 职场文书
学生检讨书如何写
2014/10/30 职场文书
国际贸易实务实训报告
2014/11/05 职场文书
护士辞职信怎么写
2015/02/27 职场文书
工作表现证明
2015/06/15 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书
Qt自定义Plot实现曲线绘制的详细过程
2021/11/02 Python