happy cat image

Start Web Coding

Your First step toward web coding,
Start Web Coding

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뭌에 대한 강좌를 마치겠습니다. 너무 성의 없나 ㅜㅜ. ㅋ

강좌로 돌아가기