함수
특정 기능을 수행하는 코드 부분
선언적 함수
function 함수명(){
// 함수 내용;
}
// 함수 내용;
}
1. function 키워드를 이용해 선언한다
2. function 옆에 함수명을 입력하고 소괄호, 중괄호를 붙인다
3. 중괄호 안에 함수에 대한 코드가 들어간다
4. " 함수명( ); " 형태로 함수를 호출해 실행한다
{
function func(){
document.write("func 함수 실행");
}
func(); // func 함수 실행 출력
}
익명 함수
변수를 선언해서 함수에 대한 내용을 저장하고 변수명을 통해 호출
변수 = function 함수명(){
함수 내용;
}
변수명();
함수 내용;
}
변수명();
1. 함수를 저장할 test 변수를 선언한다
2. 선언적 함수와 동일한 문법으로 함수를 작성한다
3. test 변수에 func()함수를 저장한다
4. 변수명 " test(); " 으로 호출한다
{
const test = function func(){
document.write("함수 실행");
}
test(); // 함수 실행 출력
}
매개변수 함수
함수가 실행되기 위해 필요한 데이터 값을 외부로부터 전달 받는 매개변수를 가진 함수
function 함수 이름(매개변수){
함수 내용;
}
함수 내용;
}
1. 소괄호에 함수 실행에 필요한 데이터를 저장할 str 변수를 함수 안에 선언
2. func함수를 호출할때 st를 대입
{
let st = "ABC";
function func(str){
document.write(str);
}
func(st); // st 데이터를 대입, ABC 출력
}
리턴값 함수
함수의 결과값을 반환하는 함수, return문을 사용한다
- return문은 함수에서 결과값을 반환하고 함수 실행을 종료한다
- 배열로 숫자형 값을 전달받아 평균을 계산하는 함수
function testAvg(arrData){
var sum = 0;
for(var count = 0; count < arrData.length; count++){
sum = sum + Number(arrData[count]);
}
var avg = sum / arrData.length;
return avg; // sum(더한 값) // sum / arrData.length(배열 크기) 식의 결과값을 반환한다
}
var arr = [30, 40, 50, 60];
var result = testAvg(arr); // testAvg 함수의 반환값을 result 변수에 저장
document.write("평균 점수는" + result + "점입니다"); // 45 출력