>  기사  >  웹 프론트엔드  >  javascript_javascript 기술의 return 문에 대한 간략한 토론

javascript_javascript 기술의 return 문에 대한 간략한 토론

WBOY
WBOY원래의
2016-05-16 15:50:211013검색

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"> 
<title>脚本之家</title> 
<script type="text/javascript"> 
window.onload=function(){ 
 var olink=document.getElementById("thelink"); 
 olink.onclick=function(){
  return false
 } 
} 
</script> 
</head> 
<body> 
<a href="" id="thelink">脚本之家</a> 
</body> 
</html>

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

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.