happy cat image

everdevel

우리 모두의 웹 입문, 에버디벨

UI 변경

return

return은 값을 반환하는 명령어 입니다.

함수 안에서 명령문들을 실행하다가 return을 만나면 함수를 빠져나가게 됩니다. 그리고 return문에 있는것을 반환하게 되죠.

예를 들어서,

function hey(a,b){
    add = a+b;
    return add;
}

위와 같이 작성을 한다면

hey함수는 add변수의 값을 반환 합니다. 반환된 값을 보기 위해서는 당연히 출력문안에서 함수를 호출 해야 겠죠?

document.write(hey(1,2));

위와 같이 출력 한다면 return문에 add가 있으므로 add값인 3이 출력이 됩니다.

Source

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
function hey(a,b){
  add = a+b;
  return add; 
}
document.write(hey(1,2));
</script>
</head>
<body>
</body>
</html>

그렇다면 위의 소스에서 return문에 add가 아닌 20을 넣어 봅시다. 그렇게 하면 20을 반환 합니다.

Source

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
function hey(a,b){
  add = a+b;
  return 20; 
}
document.write(hey(1,2));
</script>
</head>
<body>
</body>
</html>

이것으로 return뭌에 대한 강좌를 마치겠습니다. 너무 성의 없나 ㅜㅜ. ㅋ

강좌로 돌아가기