달력

2

« 2020/2 »

  •  
  •  
  •  
  •  
  •  
  •  
  • 1

익명 함수 생성 (함수 표현식 방식), function expression

함수 리터럴로 하나의 함수를 만들고, 생성된 함수를 변수로 할당하여 함수를 생성하는 방법으로,

자바스크립트에서는 함수도 하나의 값처럼 취급됩니다.

함수표현식을 사용한 익명함수 생성시 세미콜론(;)을 붙이는 것을 권장합니다.

var 함수변수= function (매개변수명 ) {

코드

return 반환값 // 반환할 값이 있을 경우 지정

};

   

함수 호출

함수변수(매개변수에 전달할 값);

   

   

소스 코드

<html>

<head>

<meta charset="UTF-8">

<title>함수표현식으로 함수생성</title>

<script type="text/javascript">

//add() 함수 표현식 정의

var add = function (x, y) {

return x + y;

};

//add 가지고 있는 함수 참조값을 plus변수에도 그대로 할당

var plus = add;

//함수 표현식으로 생성된 함수 호출

document.write(add(1,2) + '<br>');

//동일한 함수 참조값을 가진 변수를 통해 함수 호출

document.write(plus(3,4) + '<br>');

   

</script>

</head>

<body>

</body>

</html>

   

출처: <https://github.com/10zeroone/study_javascript/blob/master/WebContent/ch04-function/16.html>

   

Posted by codedragon codedragon

댓글을 달아 주세요

   

return 값의 활용

return 키워드를 사용해 함수를 호출한 곳으로 값 넘김

   

function f(x) {

//값은 반환함

return x * x;

}

//함수를 실행시켜 얻어진 결과값을 출력

alert(f(3));

   

   

return 키워드 사용시 값을 지정하지 않아도 함수를 호출한 곳으로 돌아감

function returnTest( ) {

alert('문장 A');

//함수를 호출한 곳으로 돌아감

return;

alert('문장 B'); <-- 실행되지 않음

}

// 함수를 호출.

returnTest();

  

   

   

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

함수를 반환하는 함수와 클로저  (0) 2014.06.05
내부 함수  (0) 2014.06.04
함수의 return 값 활용  (0) 2014.06.04
가변인자 함수  (0) 2014.06.04
함수의 매개변수  (0) 2014.06.04
자바스크립트 함수 정의 및 호출 형식  (0) 2014.06.04
Posted by codedragon codedragon

댓글을 달아 주세요

   

매개 변수

- 함수를 호출하는 쪽과 호출된 함수를 연결하는 매개가 되는 변수

- 자바스크립트는 함수를 생성할 때 지정한 매개 변수보다 많거나 적은 매개 변수를 사용하는 것 허용

//원래 매개변수외에 추가된 매개 변수

alert('원래 매개변수','추가된 매개 변수');

   

//원래 두개의 매개변수를 명시해야 하지만 하나를 제거한 경우

prompt('원래 매개 변수');

   

   

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

함수의 return 값 활용  (0) 2014.06.04
가변인자 함수  (0) 2014.06.04
함수의 매개변수  (0) 2014.06.04
자바스크립트 함수 정의 및 호출 형식  (0) 2014.06.04
자바스크립트 함수 정의/역할  (0) 2014.06.04
ch04-function  (0) 2014.06.04
Posted by codedragon codedragon

댓글을 달아 주세요

   

함수 정의 /호출 형식

선언적 함수 생성, function statement

함수 리터럴을 이용해 함수를 생성하며 선언적 방식으로 함수 정의 시 반드시 함수명을 정의해야 합니다.

function 함수명 (매개변수명){

코드

return 반환값 // 반환할 값이 있을 경우 지정

}

   

function

함수 리터럴은 function키워드로 시작

함수명

함수 몸체의 내부 코드에서 자신을 재귀적으로 호출하거나 자바스크립트 디버거가 해당 함수를 구분하는 식별자로 사용됩니다.

함수명은 생략 가능 하며 함수명이 없는 함수를 익명함수하고 합니다.

매개변수

기존 언어의 함수 매개변수 형태와 거의 비슷하지만,

매개변수 타입을 기술하지 않는 것이 차이가 있습니다.

(리턴 값과 매개변수로 넘기는 값에 변수 타입을 기술하지 않는다는 점이 큰 차이)

코드

함수 몸체로 실제 함수가 호출됐을 때 실행되는 코드 부분입니다.

   

함수 호출

함수명(매개변수에 전달할 값);

   

익명 함수 생성 (함수 표현식 방식), function expression

함수 리터럴로 하나의 함수를 만들고, 생성된 함수를 변수로 할당하여 함수를 생성하는 방법으로,

자바스크립트에서는 함수도 하나의 값처럼 취급됩니다.

함수표현식을 사용한 익명함수 생성시 세미콜론(;)을 붙이는 것을 권장합니다.

var 함수변수= function (매개변수명 ) {

코드

return 반환값 // 반환할 값이 있을 경우 지정

};

   

함수 호출

함수변수(매개변수에 전달할 값);

   

Function( )생성자 함수

일반적으로 자주 사용되지 않으므로 소스 분석 수준으로만 알아두기 바랍니다.

var 함수= new Function (arg1, arg2, arg3,…… argN, functionBody)

arg1, arg2, arg3,…… argN

함수의 매개변수

functionBody

함수가 호출될 때 실행되는 코드를 포함한 문자열

   

함수 호출

함수(매개변수에 전달할 값);

   

   

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

가변인자 함수  (0) 2014.06.04
함수의 매개변수  (0) 2014.06.04
자바스크립트 함수 정의 및 호출 형식  (0) 2014.06.04
자바스크립트 함수 정의/역할  (0) 2014.06.04
ch04-function  (0) 2014.06.04
continue  (0) 2014.06.04
Posted by codedragon codedragon

댓글을 달아 주세요