JavaScript - 함수

기본적인 함수

function 함수명(){	// 함수 선언
	// 함수 정의
}
함수명(); 	// 함수 호출

클릭하면 숫자가 증가하는 버튼

function clickCount(){
  	const btn1 = document.getElementById("btn1");
  	btn1.innerText = Number(btn1.innerText) + 1;
  }

---

익명 함수

	
    	function(매개변수){		// 함수 선언
        	// 함수 정의
        }
    
    - 이름이 없는 함수, 마음대로 호출하는 것이 불가능하다
    - 이벤트 핸들러 같이 바로 실행되는 함수가 필요할 때,
      매개변수나 변수에 함수를 저장해야하는 경우에 사용한다.

* 클릭하면 배경 색깔이 변하는 버튼 만들기 (익명 함수 사용)

	
    	document.getElementById("btn2").addEventListener("click", function(){
  	this.style.backgroundColor = "yellow";
  });
    

---

화살표 함수

익명 함수를 간단하게 표현한 표기법 (es6)

작성법1. 기본형태 : ([매개변수]) => { 함수 };

작성법2. 매개변수가 1개인 경우 소괄호() 생략 가능
-> ex) (num) => { return num * 2 };
== num => { return num * 2 };

작성법3. 매개변수가 없을 경우에는 소괄호() '무조건' 작성하기

작성법4. 함수 정의 부분이 return [식 또는 값] 으로만 작성되어있는 경우에는 중괄호{ }, return이 생략 가능하다.

작성법5. 4번의 경우이지만 반환하는것이 객체(Object)인 경우에는 중괄호와 return 생략이 불가능하다.