>  기사  >  웹 프론트엔드  >  자바스크립트 return문 소개

자바스크립트 return문 소개

怪我咯
怪我咯원래의
2017-07-16 10:45:371531검색

return 문은 js에서 매우 중요합니다. 이는 함수 문 끝에서 실행되며 함수의 결과로 expression의 값을 반환합니다. 또한 명확한 이해가 매우 필요함을 포함하여 몇 가지 특별한 용도가 있습니다. return 문의 기능을 예시와 함께 간략하게 소개하겠습니다.

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

일반적으로 함수에는 일련의 코드 실행 후 예상 반환 값을 얻어야 하는 경우가 많기 때문에 함수에 return 문이 필요합니다. 값은 return 문을 통해 반환되고 제어는 호출 함수로 반환됩니다.

문법 형식:

return Expression

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

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

위 코드에서 func() 함수가 호출되면 제어는 func 함수에 의해 유지되고, add 함수가 호출됩니다. 이때 add 함수에 제어권이 전달되고, add 함수는 값을 반환하고 제어권을 func 함수에 반환합니다.
보통 return 뒤에는 표현식이 따르지만 절대적인 것은 아닙니다. 예:

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를 사용하는 경우 을 선택하면 기본 이벤트가 발생하지 않습니다.
Return false는 이벤트 버블링이 발생하는 것을 방지할 수도 있습니다.

위 내용은 자바스크립트 return문 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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