JavaScript_javascript 기술의 return 문에 대한 간략한 소개-JS 튜토리얼-php.cn

JavaScript_javascript 기술의 return 문에 대한 간략한 소개

WBOY

풀어 주다： 2016-05-16 15:27:26

원래의

1285명이 탐색했습니다.

js에서 return 문은 매우 중요합니다. 함수 값을 반환하는 기능뿐만 아니라 몇 가지 특별한 사용법도 있습니다. 예시를 통해 return 문의 기능을 간략하게 소개하겠습니다.

1. 제어 및 함수 결과를 반환하는 데 사용됩니다.

일반적으로 함수에는 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 false를 사용한다는 것입니다. 이벤트 핸들러 함수는 기본 이벤트 발생을 방지하기 위해 false를 반환합니다.

코드 예시는 다음과 같습니다.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.jb51.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.jb51.net" id="thelink">脚本之家</a> 
</body> 
</html>

로그인 후 복사

링크를 클릭하면 onclick 이벤트가 발생합니다. 기본 동작은 href 속성에 지정된 링크를 가리키는 것입니다. 그러나 이벤트 핸들러가 return false를 사용하면 기본 이벤트가 발생하지 않습니다.

Return false를 사용하면 이벤트 버블링도 방지할 수 있습니다. 자세한 내용은 JavaScript에서 false 반환의 역할은 무엇인가요? 장을 참조하세요.

위에서는 구체적인 예를 통해 JavaScript의 return 문을 소개했습니다.