[1분코딩] 자바스크립트 기초 - 함수와 return

 

1분 코딩 자바스크립트 기초 강의 Part 2 정리

 

[함수]

1)  함수생성법

function 함수이름(){ 
console.log('ㅋㅋㅋㅋ');
}

2) 함수 호출 방법
→ 반드시 함수를 호출해야 함수가 실행됨

함수이름(); //콘솔창에 ㅋㅋㅋㅋ가 출력됨

 

3) 함수 속 매개변수

3-1) 매개변수가 1개인 함수

function 인사(이름){
console.log('내 이름은'+이름+'입니다.');
}

//함수호출
인사('지나리'); //콘솔창에 내 이름은 지나리입니다. 가 출력됨

 

3-2) 매개변수가 2개인 함수

//a와 b는 더하기 함수의 매개변수(parameter)
function 더하기(a, b){
console.log(a+b);
}

//함수호출
더하기(1,2); //콘솔창에 3이 나옴

 

[return]

→ 함수 안에서 return을 사용하면 그 함수가 바로 종료되고 실행하는 위치로 돌아감
→ 용도 : 어떤 조건문을 판단해서 만약에 조건에 해당되면 아래 조건을 실행 안하고 종료할때 사용

4-1) 기본적인 return 사용법

var a = 100;
function sample(){
if(a > 0){
return; // a가 0보다 크면 콘솔창에 console.log를 출력하지 않고 종료됨
}
console.log('아하 그렇구나!');
}

sample(); //현재 a는 100이므로 if문 조건에 맞으니 콘솔창에는 아무것도 출력되지 않음 

 

4-2) 응용 return 사용법

function 더하기2(a,b){
return a + b; //리턴값
}

더하기2(3,6); //이렇게 그냥 실행하면 함수안에 콘솔창 출력 명령이 없기때문에 출력안됨

console.log(더하기2(3,6)); //콘솔창에 9가 출력됨

 

→ 리턴을 사용함으로써 리턴값을 받아 저장할 수 있다
→ 리턴을 사용하지 않은 함수는 함수의 결과값을 저장하지 않음

function 리턴없는함수(a,b){
document.write(a+b); //화면에 3이 출력됨
}

var h = 리턴없는함수(2,1); //리턴없는함수의 값을 h에 저장함

console.log(h); //콘솔창에 undefined가 나옴

//그 이유는 값을 출력을 했으나 값이 저장된 것은 아니기때문

 

→ 리턴을 사용한 함수는 리턴값을 저장하여 개발자가 그 값을 사용가능
→ 어떠한 값을 얻어내는 용도의 함수는 리턴을 사용함

function 리턴있는함수(a,b){
return a+b; //콘솔창이나 화면에 결과값 출력 안되지만 값이 저장되어있음
}

var g = 리턴있는함수(4,3); //리턴있는함수의 값을 g에 저장함

console.log(g); //콘솔창에 7이 출력됨

//그 이유는 눈에 보이지는 않지만 
//g에 저장되어있는 리턴있는함수의 값이 출력명령에 의하여 콘솔창에 출력됨