"JavaScript 함수"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-<source +<syntaxhighlight ))
잔글 (봇: Jmnote의 2018-01-15T16:41:15Z 에 작성한 410316 판으로 되돌림)
4번째 줄: 4번째 줄:
==함수 정의 (Function Declaration)==
==함수 정의 (Function Declaration)==
===함수 정의===
===함수 정의===
<syntaxhighlight lang="javascript">
<source lang="javascript">
function functionName(parameters) {
function functionName(parameters) {
     code.....
     code.....
11번째 줄: 11번째 줄:


===함수 정의 예시===
===함수 정의 예시===
<syntaxhighlight lang="javascript">
<source lang="javascript">
function foo() {
function foo() {
     alert("bar");
     alert("bar");
20번째 줄: 20번째 줄:
==함수 표현 (Function Expressions)==
==함수 표현 (Function Expressions)==
===익명 함수 표현===
===익명 함수 표현===
<syntaxhighlight lang="javascript">
<source lang="javascript">
var foo = function() {
var foo = function() {
     return 3;
     return 3;
28번째 줄: 28번째 줄:


===이름이 있는 함수 표현===
===이름이 있는 함수 표현===
<syntaxhighlight lang="javascript">
<source lang="javascript">
var foo = function bar() {
var foo = function bar() {
     return 3;
     return 3;
37번째 줄: 37번째 줄:
===자가 실행 함수===
===자가 실행 함수===
*함수 호출 없이 스스로 자동 실행
*함수 호출 없이 스스로 자동 실행
<syntaxhighlight lang="javascript">
<source lang="javascript">
(function foo() {
(function foo() {
     console.log("bar"); // bar
     console.log("bar"); // bar
50번째 줄: 50번째 줄:
===함수 생성자 사용===
===함수 생성자 사용===
*함수 생성자 Function을 사용하여 함수 생성
*함수 생성자 Function을 사용하여 함수 생성
<syntaxhighlight lang="javascript">
<source lang="javascript">
var foo = new Function("console.log('bar')");
var foo = new Function("console.log('bar')");
foo();
foo();
</source>
</source>
*인수 a, b를 각각 더하여 돌려주는 함수
*인수 a, b를 각각 더하여 돌려주는 함수
<syntaxhighlight lang="javascript">
<source lang="javascript">
var foo = new Function("a", "b", "a + b");
var foo = new Function("a", "b", "a + b");
console.log(foo(1, 2));
console.log(foo(1, 2));

2020년 11월 2일 (월) 00:53 판

1 개념

자바스크립트 함수 정의
JavaScript Function Definition

2 함수 정의 (Function Declaration)

2.1 함수 정의

function functionName(parameters) {
    code.....
}

2.2 함수 정의 예시

function foo() {
    alert("bar");
}
function키워드를 사용하여 bar를 출력 하도록 하였음

3 함수 표현 (Function Expressions)

3.1 익명 함수 표현

var foo = function() {
    return 3;
}
console.log(foo()); // 3

3.2 이름이 있는 함수 표현

var foo = function bar() {
    return 3;
}
console.log(foo()); // 3

3.3 자가 실행 함수

  • 함수 호출 없이 스스로 자동 실행
(function foo() {
    console.log("bar"); // bar
})();
→ 정의된 함수를 괄호로 감싸고 다시 한 번 괄호를 붙여주면 자가 실행 함수로 동작함.
  • (함수)();
  • (함수());

4 함수 생성자

4.1 함수 생성자 사용

  • 함수 생성자 Function을 사용하여 함수 생성
var foo = new Function("console.log('bar')");
foo();
  • 인수 a, b를 각각 더하여 돌려주는 함수
var foo = new Function("a", "b", "a + b");
console.log(foo(1, 2));

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

5 같이 보기

6 참고

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}