함수

함수는 프로그램에서 반복적으로 사용되는 기능을 만들어내기 위한 코드들의 집합.

• 사용자정의 함수: 종류로는 선언적 함수, 익명함수가 있으며, 이는 프로그램에서 필요한 기능을 사용자가 직접 정의해서 사용하는 함수를 뜻함.
• 내장함수: 종류로는 인코딩, 디코딩 함수 등이 있으며, 이는 프로그램 개발에서 자주 사용되는 기능들을 자바스크립트 내부적으로 제공해주는 함수를 뜻함.

선언적함수

선언적함수의 형식

function 함수() {
 실행문;
}

선언적 함수의 호출

선언적 함수는 함수의 앞 또는 뒤에서 호출 가능함

function aaa() {
  console.log('선언적함수');
}
aaa();

aaa();
function aaa() {
  console.log('선언적함수');
}

var로 선언한 변수와 선언적 함수는 변수, 함수 이전에 호출하여도 에러가 발생하지 않음. 이러한 자바스크립트의 성질을 Hoisting이라고 함.

return

return

return은 함수를 통해 처리된 결과를 반환시켜주는 명령어.

function sample() {
  return;
  console.log('ㅋㅋㅋ');
}
sample();

이렇게 하면 sample함수를 불렀어도 함수는 실행되지 않는다. return이 함수 안에 위치하면 함수는 그 시점에서 종료됨!

var a = 100;
function sample() {
  if (a > 0) {
  return;
  }
  console.log('ㅋㅋㅋ');
}
sample();

위와 같은 경우에는 변수 a가 if문을 만족시키기 때문에 콘솔창엔 ㅋㅋㅋ가 찍히지 않는다.(return 시켜버림..!)

return값

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

console.log ( 더하기(100, 200) );

위의 결과값은 300(리턴값)으로 콘솔창에 찍힘을 확인할 수 있다. 실행이 종료되면서 뱉어낸 값으로 이해하면 쉽다...!

반면 리턴값이 없는 경우,

function 더하기2(a, b) {
  document.write(a + b);
}

console.log ( 더하기2(100, 200) );

위와 같이 코드를 작성하면 콘솔창엔 undefined가 찍힌다.
즉 함수를 통해 처리된 결과가 반환되지 않는 것!

결국 함수값을 또 사용할 일이 있다면 리턴값이 필요한 것이다...!

참고문헌

반응형 웹 실전프로젝트 가이드 icox
1분코딩 자바스크립트 기초 part 2