Return 返回值

Posted 2020-10-20 wssjzw

Return 返回值
一、返回的数据类型：数字、字符串、布尔、函数、对象（元素\[]\{}\null）、未定义
　　1. 结构 return type;
　　2. Return只能应用在函数中,等同于将函数和括号 变为了 数据类型(type);

二、Return应用
　　1、 返回控制与函数结果，
　　语法为：return 表达式; 语句结束函数执行，返回调用函数，而且把表达式的值作为函数的结果
　　2、返回控制，
        ①无函数结果，语法为：return;

        ②在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页.  
        ③在js中return false的作用一般是用来取消默认动作的。比如你单击一个链接除了触发你的onclick时间（如果你指定的话）以外还要触发一个默认事件就是执行页面的跳转。所以如果你想 取消对象 的默认动作 就可以 return false。

        Return False 就相当于终止符，Return True 就相当于执行符。

首先在js中，我们常用return false来阻止提交表单或者继续执行下面的代码，通俗的来说就是阻止执行默认的行为。

 

function a（）{
    if（True）{
      return false;
    }

}, //这是没有任何问题的。

  如果我改成这种

function Test（）{
　　a（）;
　　b（）;
　　c（）;
}

即使a函数返回return false 阻止提交了，但是不影响 b（）以及 c（）函数的执行。在Test（）函数里调用a()函数，那面里面
return false 对于Test（）函数来说，只是相当于返回值。而不能阻止Test（）函数执行。

总之：return false 只在当前函数有效，不会影响其他外部函数的执行。

三、Return返回值的衍生应用
　　1.函数封装----简化代码

function getId(id){
　　return document.getElementById(id);
}

　　2.Jquery框架的由来

　　　　Script代码：

$(function(){
　　$(‘btn1‘).onclick = function(){
　　　　$(this).style.background = ‘yellow‘;
　　};
});

            “Jquery代码”简化：

function $(v){
　　if( typeof v ===‘function‘ ){
　　　　window.onload = v;
　　}else if(typeof v===‘string‘){
　　　　return document.getElementById(v);
　　}else if(typeof v===‘object‘){
　　　　return v;
　　}
}

   3.Return结合数组应用
   要求：

alert( fn2(2,5) ); //[2,3,4,5]
alert( fn2(6,2) ); //[2,3,4,5,6]

   方案一：

function(m,n){
　　var arr = [];
　　if( m<n ){
　　　　m = m;
　　　　n = n;
　　}else{
　　　　t=m;
　　　　m=n;
　　　　n=t;
　　}
　　for(var i=m;i<=n;i++){
　　　　arr.push(i);
　　}
}

 

四、总结
    1、retrun true； 返回正确的处理结果。
    2、return false；返回错误的处理结果，终止处理。
    3、return；把控制权返回给页面。

五、区别
    1、return;返回null，起到中断方法执行的效果，只要不return false事件处理函数将会继续执行，表单将提交
    2、return false;，事件处理函数会取消事件，不再继续向下执行。比如表单将终止提交。