JavaScript return语句简单介绍

快乐打工仔 分类:实例代码

JavaScript return语句简单介绍属于前端实例代码,有关更多实例代码大家可以查看

return语句在js中非常的重要,不仅仅具有返回函数值的功能,还具有一些特殊的用法,有个清晰的把握是非常有必要的。下面就结合实例简单介绍一下return语句的作用。

一.用来返回控制和函数结果:

通常情况,return语句对于一个函数是很有必要的,因为往往需要函数在一系列的代码执行后会得到一个期望的返回值,而此值就是通过return语句返回,并且将控制权返回给主调函数。

语法格式:

return 表达式

代码实例如下:

function add(){
  var a=1;
  var b=2;
  return a+b;
}
function func(){
  console.log(add())
}
func();

以上代码中,当调用func()函数的时候,控制权由func函数掌握,当再调用add函数的时候,控制权交付给add函数,然后返回一个值并将控制权再交付给func函数。

通常情况下return后面跟有表达式,但是并不是绝对的,例如:

return;

此情况就是单纯的将控制权转交给主调函数继续执行。

扩展说明:

return语句的普通应用并没有特殊之处,最需要注意的是return false的使用。事件处理函数返回false可以组织默认事件的发生。

代码实例如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.pipipi.net/" /> 
<title>前端教程网</title> 
<script type="text/javascript"> 
window.onload=function(){ 
  var olink=document.getElementById("thelink"); 
  olink.onclick=function(){
    return false
  } 
} 
</script> 
</head> 
<body> 
<a href="http://www.pipipi.net" id="thelink">前端教程网</a>  
</body> 
</html>

点击一个链接就会发生onclick事件,它的默认动作是链接指向href属性规定的链接,但是如果事件处理函数使用了return false,那么就会阻止默认事件的发生。

JavaScript return语句简单介绍,这样的场景在实际项目中还是用的比较多的,关于JavaScript return语句简单介绍就介绍到这了。

回复

我来回复
  • 暂无回复内容