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 변수에 다시 대입해준뒤 콘솔을 확인하면 값이 잘나온다!
