JavaScript 함수

1 개념

자바스크립트 함수 정의

JavaScript Function Definition

2 함수 정의 (Function Declaration)

2.1 함수 정의

<syntaxhighlight lang="javascript"> function functionName(parameters) {

   code.....

} </source>

2.2 함수 정의 예시

<syntaxhighlight lang="javascript"> function foo() {

   alert("bar");

} </source>

→ function키워드를 사용하여 bar를 출력 하도록 하였음

3 함수 표현 (Function Expressions)

3.1 익명 함수 표현

<syntaxhighlight lang="javascript"> var foo = function() {

   return 3;

} console.log(foo()); // 3 </source>

3.2 이름이 있는 함수 표현

<syntaxhighlight lang="javascript"> var foo = function bar() {

   return 3;

} console.log(foo()); // 3 </source>

3.3 자가 실행 함수

• 함수 호출 없이 스스로 자동 실행

<syntaxhighlight lang="javascript"> (function foo() {

   console.log("bar"); // bar

})(); </source>

→ 정의된 함수를 괄호로 감싸고 다시 한 번 괄호를 붙여주면 자가 실행 함수로 동작함.

• (함수)();
• (함수());

4 함수 생성자

4.1 함수 생성자 사용

• 함수 생성자 Function을 사용하여 함수 생성

<syntaxhighlight lang="javascript"> var foo = new Function("console.log('bar')"); foo(); </source>

• 인수 a, b를 각각 더하여 돌려주는 함수

<syntaxhighlight lang="javascript"> var foo = new Function("a", "b", "a + b"); console.log(foo(1, 2)); </source>

유의할 점은 Function의 F는 대문자임

5 같이 보기

• 자바스크립트
• 함수

6 참고

• https://blog.naver.com/edy5016/221157369323 함수와 프로토타입 체이닝