[JavaScript] 02. 기본 문법 - 함수 : 함수선언문/함수표현식/기명함수(익명함수)/즉시실행함수/화살표 함수

자바스크립트에서 프로그램은 단순히 하나의 명령만으로 끝나는 것이 아닌, 여러 명령이 연결되어 동작을 처리해야 함

처리해야 하는 동작을 묶어 놓은 것을 함수라고 함

함수를 사용하면 처리하고자 하는 동작의 시작과 끝을 명확히 구분할 수 있다는 장점이 있음

일반적으로 함수명을 사용하고 그 이름을 사용해 호출한다.

이 밖에도 따로 함수 이름을 지정하지 않고 사용하거나 함수를 호출하지 않고 바로 따로 실행하는 방법도 있다.

함수를 정의할 때는 function 예약어를 사용한다.

기본 형태

function 함수의 이름  (매개변수){
	return  반환 값 
}

함수 선언문 방식

function sub1(x, y) {
	let s = x + y;
	return s;
}

함수 표현식에서 지정한 이름은 외부에서 사용 불가능

익명 함수 표현식

var sub3 = function(x, y) { // 익명함수
	return x + y;
};

익명함수는 함수의 이름이 없는 형태로, 이름이 없지만 함수 자체가 식이므로 함수를 변수에 할당할 수 있다.

다른 함수의 매개변수로 사용할 수도 있다.

위 코드에서는 두 수를 더 하는 익명 함수를 변수 sub3에 할당하였다.

저장한 익명 함수는 함수 이름 대신 변수를 이용해 함수를 살행한다.

기명 함수 표현식을 이용한 재귀 호출

var sub4 = function sum(n) {
	return n > 1 ? n + sum(n - 1) : n;
};

Function() 생성자를 이용한 함수 만들기

var sub5 = new Function('x', 'y', 'return x+y;');

즉시 실행 함수 - 정의함과 동시에 바로 함수를 실행

var s = (function(a, b) {
	return a + b
})(5, 7);

일반적으로 함수는 선언하고 필요할 때마다 호출해서 실행하는 방법을 이용한다.

한 번만 실행하는 함수라면 함수를 정의하면서 동시에 실행할 수 있는데, 이것이 바로 "즉시 실행 함수"이다.

함수를 실행하는 순간에 자바 스크립트 해석기에서 함수를 실행한다.

함수를 식 형태로 선언하므로 마지막에 세미콜론을 붙여햐 한다.

매개변수가 필요하다면 선언 부분 끝에 함수 실행을 위한 인수를 넣어준다.

화살표 함수

익명 함수에서만 사용할 수 있는 방법으로 ES6 버전부터 화살표 표기법을 사용하여 함수 선언을 좀 더 간단하게 작성할 수 있도록 돕는다.

기본 형태

(매개변수) => {함수 내용}

화살표 함수는 매개변수와 함수 내용으로 구성된다.

화살표 함수 - 매개변수가 없는 경우

매개변수가 없다면 매개변수 넣는 괄호는 비워두면 된다.

일반 함수

const hi = function() {
	return "안녕하세요?";
}

화살표 함수

const hi = () => { return "안녕하세요?"; }

이 때, 함수 내용이 한 줄 뿐이라면 중괄호를 생략할 수 있다.

화살표 함수 - 중괄호 생략

const hi = () => "안녕하세요?";

이 때 return문도 생략된 것으로 간주

매개변수가 1개인 일반 함수

let hi = function(user) {
	document.write(user +  "님 안녕하세요");
}

매개변수가 1개인 경우 화살표 함수

let hi = user =>  document.write(user +  "님 안녕하세요");

매개변수가 하나인 경우는 매개변수의 괄호도 생략이 가능하다.

매개변수가 2개 이상인 경우

let sum = function(a,b){
	return a+b;
}

매개변수가 2개인 화살표 함수

let sum = (a,b) => a+b;

티스토리툴바