js 함수

1. 함수의 종류와 기본 형태 및 특성
   1) 익명/선언
   2) 기본 형식(사용자 정의 함수)

   • 선언
     function 함수명(매개변수){
     프로세스 처리
     return 리턴데이터
     }
   • 호출
     함수명(전달데이터)
     js에서는 주로 이벤트핸들러로 사용된다.
     ex) <h1></h1>
     3) 내장함수 : 주로 많이 활용되는 기능을 프로그램 자체에서 내부적으로 선언되어, 호출만 하면 되는 함수
     - 함수명과 리턴값을 통해 원하는 처리를 한 데이터를 받을 수 있다
     ex) parseInt("25.6") ==> 숫자형 데이터를 정수형 데이터로 변환 처리해준다.

2. 매개변수 활용하기
   1) 매개변수 처리 기본
   2) 가변형 매개변수 처리
   기본 함수형은 동일한 매개변수 갯수나 타입에 의해서 처리되지만, 가변형은 함수명만 같으면
   아래와 같은 매개변수가 다르더라도 처리를 할 수 있게 해준다.
   ex) call()
   call(1000,2000)
   call(1000,2000,3000)

   1) arguments를 통한 처리
   	function call(){
   		arguments라는 내장 객체에 의해서, 여러개의 매개변수를 가변적으로 처리
   		call()의 경우 : arguments = []
   		call(1000,2000)의 경우 : arguments = [1000,2000]
   		call(1000,2000,3000)의 경우 : arguments = [1000,2000,3000]
   		배열로 담겨져있어 사용할 수 있다. 즉, 매개변수를 배열로 담아서 처리가 가능하다.
   		argument.length : 매개변수의 갯수
   		for(var idx in arguments){
   			idx : 인덱스
   			arguments[idx] : 각각의 단위 데이터
   		}
   	}
   
   2) ...변수명
   	function call(...params){
   		매개변수를 ...배열명으로 받아서 처리
   		arguments라는 내장 객체에 의해서, 여러개의 매개변수를 가변적으로 처리
   		call()의 경우 : params = []
   		call(1000,2000)의 경우 : params = [1000,2000]
   		call(1000,2000,3000)의 경우 : params = [1000,2000,3000]
   	}
   
   3) default값 처리 : 해당 매개변수가 없을 때, default값으로 처리하는 경우
   	function call(param1=1000,param2=1000,param3=1000){
   		해당 매개변수로 데이터값이 전달되지 않았을 때, 설정한 default값이 호출된다.
   		call() 경우 : param1=1000,param2=1000,param3=1000 
   			매개변수가 없으므로 모두 다 default값으로 설정된다.
   		call(1000,2000) 경우 : param1=1000,param2=2000,param3=1000	
   		call(3000,4000,5000)의 경우 : param1=3000,param2=4000,param3=5000
   	}

함수의 선언

1. 익명적 함수(변수형 함수)
   1) 형식
   var 변수명 = function(매개변수1, 매개변수2..){
   }
   2) 호출 : 변수명(데이터)
   3) 특징 : 반드시 선언 후에 호출할 수 있다
2. 선언적 함수
   1) 형식
   function 함수명(매개변수...){
   호출내용..
   }
   2) 호출 : 함수명(데이터1,..)
   3) 특징 : 선언되기 전/후에 호출가능하다

가변형 매개변수 처리

1. arguments 내장 객체 활용(구버전 es6이전)
   1) 형식
   function 함수명(){
   var args = arguments // 매개변수 객체 선언
   }
   함수명()
   함수명(2,3)
   함수명("문자열1","문자열2","문자열3")

2. 매개변수를 다르게 호출하더라도 arguments에서 동적 배열로 받아서 처리한다.

   var body = document.querySelector("div")
   body.innerHTML=""
   function call(){
   		var show=""
   		for(var idx in arguments){
   			show += arguments[idx]+","
   		}
   		body.innerHTML+=show+"<br>"	
   	}
      
   call(1)	// arguments = [1]
   call(1,2)  // // arguments = [1,2]
   call('가','나','다')  //// arguments = ['가','나','다']