return

2019-07-26 本文已影响0人你喜欢吃青椒吗_c744

定义

return，从字面意思来看就是返回，官方定义return语句将终止当前函数并返回当前函数的值。一个函数被执行过后，整个函数体被赋值为函数的返回值。

写法

官方定义return后面可以跟一个value，也就是说可以跟javascript中的任何数据类型，数字，字符串，对象等，当然也可再返回一个函数。

练习1

既然return可以返回任何东西，其实也就可以返回它本身。

var i=1;      //定义循环变量
function func1(){
    i++;       //改变循环变量
    if(i<5){　　　　　　　　//小括号为循环条件
        console.log(i)
        return func1();
    }
}
func1();

返回函数本身

可以看到，return其实在函数中的作用就是终止函数运行并且返回值。

练习2

function（a,b）=> {

alert（a*b）；

}

function（a,b） => {

return a*b；

}

上面的第一个代码块中，表示函数输出a*b。
第二个代码块中，表示函数返回a*b
看似没啥区别，但是，明显用return更为灵活。
第一个函数只能弹窗显示a*b。
但是第二个函数直接返回a*b,表示整个函数被赋值了a*b的值。我在函数外调用函数其实就是调用a*b本身。
假如此时我要console.log（a*b）。第一个函数还需在函数本身添加console.log（a*b）。但是，第二个函数可以直接console.log(第二个函数)

return ,return true,return false

<!DOCTYPE html>
<html>
<head>
    <title>return测试</title>
</head>
<body>
<a href="#"></a>
<a onclick="fun1()">111</a>
<a onclick="fun2()">222</a>
<a onclick="fun3()">333</a>
<a onclick="fun4()">444</a>

<script type="text/javascript">
    function fun1() { return ;
        console.log('111 这个不会执行')
    } 
    function fun2() { return false;
        console.log('222 这个不会执行')
    } 
    function fun3() { return true ;
        console.log('333 这个不会执行')
    } 
    function fun4() {
        console.log('444 这个会执行')
    } 
</script>
</body>
</html>

通过上面的例子可以看出 return ; return false return true 在函数内部都中断了函数的执行。
因为函数执行是自上而下的。函数会先执行 return,return true ,return false。如果此时把return与console.log('111 这个不会执行')上下位置对调，发现console.log被执行了。
所以我们可以得到：

return ; return false ; return true 都会在函数内部阻止程序的执行。
但是在表单提交中，只有 return false 会阻止表单的提交。return ，return true，都可以把表单提交。
再来看一个例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <a href="https://www.baidu.com" id="www">百度</a>
    <script>
    var a = document.getElementById('www')
    a.onclick = function () {
        return true/false
    }
    </script>
</body>
</html>

当return false的时候,无法跳转。
当return return false的时候，会跳转。

return、continue、break 、break的区别

return

-   return 从当前的方法中退出,返回到该调用的方法的语句处,继续执行。
-   return 返回一个值给调用该方法的语句，返回值的数据类型必须与方法的声明中的返回值的类型一致。
-   return后面也可以不带参数，不带参数就是返回空，其实主要目的就是用于想中断函数执行，返回调用函数处。

continue

终止本次循环的执行，即跳过当前这次循环中continue语句后尚未执行的语句，接着进行下一次循环条件的判断。
它不是退出一个循环，而是开始循环的一次新迭代。
continue语句只能用在while语句、do/while语句、for语句、或者for/in语句的循环体内，在其它地方使用都会引起错误！

for(var i=1;i<=10;i++) { 
    if(i==8) { 
        continue; 
    } 
    document.write(i); 
} 

//当i=8的时候，直接跳出本次for循环。下次继续执行。

//输出结果：1234567910

break

break在循环体内，强行结束循环的执行，也就是结束整个循环过程，不在判断执行循环的条件是否成立，直接转向循环语句下面的语句。
当break出现在循环体中的switch语句体内时，其作用只是跳出该switch语句体。

 for(var i=1;i<=10;i++) { 
      if(i==8) { 
          break; 
      } 
      document.write(i); 
  } 
  
  //当i=8的时候，直接退出for这个循环。这个循环将不再被执行！
  //输出结果：1234567

其他

return ;后面不接什么东西。当你需要中止函数往下执，可以用这个。
retrun true；返回正确的处理结果。
return false；作用一般是用来取消默认动作 / 阻止提交表单 / 阻止继续执行下面的代码。return false 只在当前函数有效，不会影响其他外部函数的执行。

return

定义

写法

练习1

练习2

return ,return true,return false

return、continue、break 、break的区别

return

continue

break

其他

猜你喜欢

热点阅读