JavaScript_javascript 기술의 return 문에 대한 간략한 소개
- WBOY원래의
- 2016-05-16 15:27:261328검색
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 문을 소개했습니다.