JavaScript return語句簡單介紹

admin發表於2018-06-03
JavaScript
return語句在js中非常的重要，不僅僅具有返回函式值的功能，還具有一些特殊的用法，有個清晰的把握是非常有必要的。下面就結合例項簡單介紹一下return語句的作用。

一.用來返回控制和函式結果:

通常情況，return語句對於一個函式是很有必要的，因為往往需要函式在一系列的程式碼執行後會得到一個期望的返回值，而此值就是通過return語句返回，並且將控制權返回給主調函式。

語法格式:

[JavaScript] 純文字檢視 複製程式碼
return 表示式

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
function add(){
  var a=1;
  var b=2;
  return a+b;
}
function func(){
  console.log(add())
}
func();

以上程式碼中，當呼叫func()函式的時候，控制權由func函式掌握，當再呼叫add函式的時候，控制權交付給add函式，然後返回一個值並將控制權再交付給func函式。

通常情況下return後面跟有表示式，但是並不是絕對的，例如:

[JavaScript] 純文字檢視 複製程式碼
return;

此情況就是單純的將控制權轉交給主調函式繼續執行。

擴充套件說明:

return語句的普通應用並沒有特殊之處，最需要注意的是return false的使用。事件處理函式返回false可以組織預設事件的發生。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<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.softwhy.com" id="thelink">螞蟻部落</a>  
</body> 
</html>

點選一個連結就會發生onclick事件，它的預設動作是連結指向href屬性規定的連結，但是如果事件處理函式使用了return false，那麼就會阻止預設事件的發生。

相關文章