lflov

JavaScript 10. 함수 본문

JavaScript

JavaScript 10. 함수

마젠토브힘내부왕 2022. 8. 15. 21:18

안녕하세요 여러분~ 오늘은 JavaScript에 함수를 알아볼게요~

 

함수는 독립적인 실행 코드를 하나로 묶어둔걸 의미한답니다.

 

함수 코드의 양식은

 

fuction 함수명(매개변수){

   실행코드;

}

 

이런식으로 작성하면 된다구요!

 

이때 이렇게 함수를 묶어서 작성하는것을 함수의 정의 라고 합니다!!

 

이렇게 정의된 함수는 호출을 통해 실행할수 있답니다!

 

수학의 함수 특히 방정식?과 비슷한 느낌이라고 생각하는게 개인적으로 편하더라구요~~

 

함수의 입력과 출력은

 

미리 정해진 방정식에 미지수를 정의하면 해당 미지수에 값을 대입하고 y값을 돌려받는 느낌입니다

 

수학에서도 함수는 

 

y = f(x)  이렇게 표현하는데 여기서 x가 매개변수 이고 y는 리턴값이라고 합니다!

 

 

function converDollarToWon(dollar){

   return(dollar * 1201.2);

}

 

위와 같은 함수를 정의 했을때 

 

y = f(x)의 x값 즉 매게변수는 dolalr이고 dollar의 값에 따라 y 의 값인 리턴값이 달라지네요!

 

여기서 참고사항으로

 

근데 여기서 함수는 매개변수가 없는 경우도 존재합니다!!

 

그리고 리턴값이 없을수도 있다!!

 

함수 실습!

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function dollarToWon(dollar){
return(dollar*1201.2);
}
 
var scanf = prompt("몇달러 가지고 계세요?");
 
 
scanf = parseInt(scanf);
 
console.log(dollarToWon(scanf));
</script>
 
</body>
</html>



해당 html을 실행하면 
 
scanf 변수에 사용자에게 입력을 받는 값을 입력받고
 
해당 값은 숫자로 넣어도 문자열이므로 형변환하는 함수 parseInt() 함수를 이용하여 
 
scanf  변수에 다시 대입해준뒤 콘솔을 확인하면 값이 잘나온다!

'JavaScript' 카테고리의 다른 글

Javascript 12. html에 js 적용하는법  (0) 2022.08.16
Javascript 11. 블록/스코프  (0) 2022.08.15
JavaScript 9. 객체 자료형  (0) 2022.08.15
Javascript 8. 배열  (0) 2022.08.15
Javascript 7. 피보나치 수열 실습  (0) 2022.08.15
'JavaScript' Related Articles more