함수란?
코드를 호출할 수 있는 하나의 독립적인 코드 블록입니다. 하나의 코드를 여러 번 호출하여 반복 사용이 가능하며 값을 전달하면 반환하기도 합니다. 또한, 자바스크립트 함수는 다른 함수 내에 중첩되어 정의될 수도 있습니다.
함수 문법
함수명 규칙
- 기능을 잘 표현하는 이름으로 지정한다.
- 명사보다는 동사로 표현하는 것이 좋다.
- 소문자로 시작한다.
함수 표현식
let 표현식 = function(){ 호출 시 실행 될 실행문 } const 함수명 = function(){ 호출 시 실행 될 실행문 }
함수 선언식
function 함수명(매개변수){ 호출 시 실행 될 실행문 }
매개변수(parameter)란 함수를 호출할 때 인수(argument)로 전달된 값을 함수 내부에서 사용할 수 있게 해주는 변수입니다.
화살표 함수
함수를 더 간결하게 작성할 수 있는 단축 문법입니다.
(인자1, 인자2) => 실행문 // 기본 문법 const 함수명 = () => 실행문 // 매개변수 x const 함수명 = (매개변수1, 매개변수2) => 실행문 // 매개변수 o const 함수명 = (매개변수) => ({속성1:값1, 속성2:값2}); // 객체 리터럴 반환
-
화살표 함수는 함수 표현식으로 선언되며, 변수에 할당되거나 다른 함수의 인자로 전달 가능합니다.
-
코드가 한 줄인 경우 중괄호
{}와return을 생략할 수 있습니다.
함수 호출문
함수를 사용하기 위해서는 호출문을 통하여 지정된 함수를 호출할 수 있습니다.
function 함수명(매개변수){ 호출 시 실행 될 명령문 } 함수명(매개변수) //호출
함수 반환문(return)
함수는 데이터 반환이 가능하며 이를 통해 값을 전달 받을 수 있습니다. 또한 반환문은 함수의 실행을 즉시 종료 후 return 다음에 오는 값을 반환합니다.
function 함수명(){ return 값; }
- return 값으로는
숫자열,문자열,배열,객체등 모든 값이 올 수 있습니다.
매개변수(parameter)
함수에 전달된 값을 저장하는 변수입니다. 함수를 정의할 때 인수(argument를 전달 받아 매개변수로 저장합니다.
function 함수명 (매개변수) { 실행문; }
- 매개변수는 쉼표(
,)로 구분하여 여러 매개변수 값을 지정할 수 있습니다.
인수(argument)
함수를 호출할 때 전달되는 값입니다. 함수를 정의할 때 매개변수를 저장하고 인수를 전달 받습니다.
function 함수명 (매개변수) { 실행문; } 함수명(인수);
-
인수를 매개변수의 자리에 전달하여 함수 내 코드를 실행합니다.
-
인수의 값으로는
숫자,문자,객체,배열등 모든 유형의 값이 지정될 수 있습니다.
arguments 객체
함수에 전달된 인수(argument)들을 배열 형태의 객체에 포함합니다. arguments 객체를 사용하여 함수 내 모든 인수를 참조할 수 있습니다.
function 함수명 (매개변수) { console.log(arguments); // 인수 객체 순회 console.log(arguments.length); // 인수 개수 확인 console.log(arguments.[index 값]); // index 값에 오는 인수 확인 }
나머지 매개변수(rest parameter)
정해지지 않은 매개변수의 수를 배열로 전달 받습니다. ...을 사용하여 특정 위치부터 마지막 위치까지 지정합니다.
function (매개변수1, 매개변수2, ...매개변수3) { let 변수명1; for (const 변수명2 of 매개변수3){ 실행문; } return 변수명1; }
-
나머지 매개변수는 항상 매개변수 중 가장 마지막에 위치해야 합니다.
-
호출 시 일반 매개변수를 제외한 나머지 매개변수들이 호출됩니다.
