07.함수 알아두면 좋을 패턴들

 

기본 함수 정의 

function 함수명(    ) { 자바스크립트 코드; } 참조변수 = function(    ){ 자바스크립트 코드; } 함수실행: 함수명(   ); 참조변수(    );

코드

결과 값

 

매개변수가 있는 함수 정의문

함수정의: function 함수명(매개변수1, 매개변수2,..매개변수n){ 자바스크립트 코드; } 함수실행 : 함수명(매개변수1, 매개변수2,..매개변수n)

 

코드1 : 배경색 넣고 [배경색변경] 버튼 누르면 색 변하기

결과 값 

코드2 : 입력값의 합과 곱

결과 값

코드3 : 아이디와 비밀번호 입력

결과 값

 

 

Return문을 가지는 함수

 (1) 데이터를 전달하고 강제종료하는 return 문

함수정의: function 함수명(    ){ 자바스크립트 코드; return 데이터값; } 함수실행: var 변수 = 함수명();

코드 1 : 월급의 평균을 구하라

결과 값

코드2 :  이전 그림 / 다음 그림

결과 값

(2) 재귀함수 호출 : 함수안에 자신의 함수를 호출하는 것 

// 언제 끝날지 꼭 if문으로 선언해 줄 것!

함수정의: function 함수명(      ){ 자바스크립트 코드; 함수명(     ); } 함수실행: 함수명(     );

코드 1

결과 값

(3) 함수 스코프 

   (1) 함수 스코프 : 변수 또는 함수의 범위를 의미한다. 

 

       함수정의

var 변수;  // 전역변수 function 함수명(    ){ var 변수;  // 지역변수 }

    (2) 지역변수와 전역변수 : 

변수	변수 선언 위치	변수유효사용영역	메모리 할당 및 제거 시기
지역변수	함수 내부	함수내부	함수 실행 시 할당되고, 함수 종료 시 메모리 제거
전역변수	함수 외부	프로그램 전체	프로그램 실행 시 메모리 할당 프로그램 종료 시 제거

코드1 : 지역변수, 전역변수

결과 값

   (3) 전역함수와 지역함수  :

    전역함수는 프로그램 전체에서 실행되는 함수, 지역함수는 함수 스코프 안에서만 실행되는 함수

function 함수명1 (   ){ //전역함수 자바스크립트 코드; } function 함수명2 (    ){ function 함수명3 (    ){ //지역함수 자바스크립트 코드;   } }

코드 1

결과 값