함수(Function)

연결된 노트와 함께 읽기

자바스크립트에서 함수는 객체(Object)이고 거기다가 일급 객체(First Class Object)이다.
따라서 자바스크립트에서는 함수를 인자(argument) 즉, 고차함수(Higher Order Function)로도, 리턴 값으로도 사용할 수 있고 변수(Variable)에 함수를 넣을 수도 있다.
자바스크립트에서 함수는 참조 타입(Reference Type)(주소)이다.
익명 함수로 만들어서도 많이 사용한다.

함수 정의

JavaScript

JavaScript

둘의 차이점은 함수 선언식은 호이스팅(variable hoisting)에 영향을 받지만 함수 선언식은 호이스팅(variable hoisting)에 영향을 받지 않게 된다.

JavaScript

JavaScript

JavaScript

함수(Function)

연결된 노트와 함께 읽기

자바스크립트에서 함수는 객체(Object)이고 거기다가 일급 객체(First Class Object)이다.
따라서 자바스크립트에서는 함수를 인자(argument) 즉, 고차함수(Higher Order Function)로도, 리턴 값으로도 사용할 수 있고 변수(Variable)에 함수를 넣을 수도 있다.
자바스크립트에서 함수는 참조 타입(Reference Type)(주소)이다.
익명 함수로 만들어서도 많이 사용한다.

JavaScript
function a() { // 함수 정의
	...
}

const b = () => { // 화살표 함수 정의
	...
}

JavaScript
function a() {
	...
}

a(); // 일반적인 함수 호출
a``; // 템플릿 문자열을 이용한 함수 호출(최신문법)

둘의 차이점은 함수 선언식은 호이스팅(variable hoisting)에 영향을 받지만 함수 선언식은 호이스팅(variable hoisting)에 영향을 받지 않게 된다.

JavaScript
// 호이스팅이 되지 않음
alert(foo()); // 에러
var foo = function() { return 5; }

// 호이스팅이 됨
alert(foo()); // 5 
function foo() { return 5; }

JavaScript
function funcDeclaration() {
	return 'A function declaration 함수 선언문';
}

JavaScript
funcExpression = function() {
	return 'A function expression 함수 표현식';
}