선언적 함수 vs 익명 함수 선언적 함수 익명 함수 선언적 함수를 사용할 경우는 호출 문이 먼저 나와도 에러 없이 처리됨 익명 함수를 사용할 경우는 호출 문이 함수 선언 이후에 호출되어야 에러가 발생하지 않음 학습 내용 선언적 함수: 동일한 함수명 사용가능 javascript는 동일한 함수명 사용가능 동일한 함수명 사용시 에러 나지 않음 마지막에 호출된 함수가 수행됨 선언적 함수: 함수 선언 전에 호출 익명함수: 동일 함수명 사용 익명함수: 함수 선언 전에 호출 전체 소스 출력결과 익명함수: 함수 선언 전에 호출 소스 코드 ddd(); //오류 발생 var ddd = function(){ document.write('함수 ddd '); }; 출력결과

익명 함수 생성 (함수 표현식 방식), function expression 함수 리터럴로 하나의 함수를 만들고, 생성된 함수를 변수로 할당하여 함수를 생성하는 방법으로, 자바스크립트에서는 함수도 하나의 값처럼 취급됩니다. 함수표현식을 사용한 익명함수 생성시 세미콜론(;)을 붙이는 것을 권장합니다. var 함수변수= function (매개변수명 ) { 코드 return 반환값 // 반환할 값이 있을 경우 지정 }; 함수 호출 함수변수(매개변수에 전달할 값); 소스 코드 출력결과

function() 생성자 함수를 통한 함수 생성 Function( )생성자 함수 소스 코드 출력결과 Function( )생성자 함수 일반적으로 자주 사용되지 않으므로 소스 분석 수준으로만 알아두기 바랍니다. var 함수= new Function (arg1, arg2, arg3,…… argN, functionBody) arg1, arg2, arg3,…… argN 함수의 매개변수 functionBody 함수가 호출될 때 실행되는 코드를 포함한 문자열 소스 코드 출력결과

선언적 함수/익명 함수, ;(세미콜론) 사용 학습 내용 언적 함수: 호출하면 동작 인자 없는 함수 호출 인자 있는 함수 호출 인자 있는 함수 호출하여 연산된 값 반환 익명 함수 인자 없는 익명함수 호출 익명 함수 매개변수 대입 익명 함수 매개변수 전달 후 반환되는 값 출력 ;(세미콜론) 사용 선언적 함수 생성시에는 세미콜론을 붙이지 않지만 함수 표현식을 사용한 익명함수 생성시 세미콜론(;)을 붙이는 것을 권장합니다. 소스 코드 출력결과

즉시 실행 함수(immediate funtions) 함수를 정의함과 동시에 바로 실행되는 함수 익명함수를 응용한 형태 즉시 실행함수는 한번 수행 후, 다시 호출할 수 없습니다. 이런, 특성으로 최초 한 번의 실행만을 필요로 하는 초기화 코드부분에 패턴으로 사용되어 집니다. 즉시 실행 함수 형식 ( function( ) { 코드 })( ) 괄호 ( ) 로 함수리터럴을 사용한 함수 정의 부분을 감쌉니다. 그런 다음 함수가 바로 호출될 수 있게 ( ) 괄호 쌍을 추가합니다. 즉시 실행 함수 패턴 라이브러리 코드가 처음 로드되어 초기화할 때, 즉시 실행 함수 패턴이 많이 사용되어 집니다. 라이브러리 코드를 즉시 실행 함수 내부에 정의하게 되면 라이브러리 내의 변수들은 함수 외부에서 접근할 수 없게 됩니다. 이렇..

콜백함수(callback function) 익명함수의 대표적인 응용형태가 콜백함수이며 코드를 통해 명시적으로 호출하는 함수가 아닙니다. 개발자는 단지 함수 정의만 하고, 어떤 이벤트가 발생하거나 특정 시점에 도달했을 때 시스템에서 호출해주는 함수가 콜백함수입니다. 대표적인 콜백 함수 사용 예) 자바스크립트의 이벤트 핸들러 처리 자바스크립트의 이벤트 처리와 콜백함수 호출 도식도