함수(function) :
하나의 특별한 목적을 가진 작업이 수행 되도록 설계된 독립적인 블록을 말한다. 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있다. 주로 head에 작성 되고 body에서 필요한 함수를 불러 사용한다.
자바스크립트에서는 함수도 하나의 타입으로 사용 되기에 함수를 변수에 대입하거나, 함수에 파라미터를 지정하는 것도 가능하다. 또한, 자바스크립트는 자바에서 사용하는 문법과 비슷한 점이 많아 반복문, 조건문 등등 자바에서 사용하였던 문법을 사용 해도 좋다. 따라서 자바스크립트 함수는 자바처럼 다른 함수 내에 중첩되어 정의될 수도 있는 점도 기억해두자.
함수는 function 키워드로 시작되며, 하기와 같이 작성 된다.
function 함수이름(매개변수1, 파라미터2,...) {
함수가 호출되었을 때 실행하고자 하는 실행문;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//함수 정의. 함수 명이 add, 파라미터는 2개로
//리턴 값은 해당 파라미터 두개를 더한 값이다.
function add(a, b) {
return a + b;
}
//구구단 계산하기
function dan(c) {
for (d = 1; d < 10; d++) {
//자바스크립트는 자바처럼 쓰이는 문법이 많아 이렇게 for 문을 사용해도 된다.
document.write(c + " * " + d + " = " + c * d + "<br/>");
}
}
</script>
</head>
<body>
<script type="text/javascript">
let res = add(1, 5);
//add 함수를 호출하여 파라미터에 1,5를 넣는다.
document.write("res: " + res + "<br/>");
//document.write 은 java의 sysout 과 비슷한 느낌.
//자바스크립트는 변수를 선언하지 않았기 때문에
//타입이 숫자든, 문자든 무엇이든 상관 없다 대신 계산식이 말만 되면 된다.
let res2 = add("aaa", "bbb")
document.write("res2 : " + res2 + "<br/>");
let res3 = dan(3);
</script>
</body>
</html>'Front > javascript' 카테고리의 다른 글
| [Javascript] 웹 페이지의 근육 심기 - value값 가져오기 (0) | 2023.03.25 |
|---|---|
| [Javascript] 웹 페이지의 근육 심기 - 구구단 테이블 만들기 (0) | 2023.03.24 |
| [Javascript] 웹 페이지의 근육 심기 - 대화 상자(dialog box) (0) | 2023.03.24 |
| [Javascript] 웹 페이지의 근육 심기 - var, let, const 차이 (1) | 2023.03.24 |
| [Javascript] 웹 페이지의 근육 심기 - 자바스크립트 (0) | 2023.03.22 |
