JavaScript 함수

● 함수

---

함수는 모든 언어에서 가독성과 유지보수성을 높이기 위해 사용한다. 함수는 리팩토링에서 중요한 수단 중 하나이다.

자바스크립트도 마찬가지로 함수가 있다.

function 함수명(매개변수) {

    코드

}

위와 같은 형태로 씌이며 반환형이 있는 함수, 없는 함수 모두 구현할 수 있다.

앞서 했던 예제를 함수를 통해 간편화하고 같은 기능의 버튼 여러 개를 간결하게 배치할 수 있다

함수 선언

함수 사용

결과

결과

위의 결과에는 a태그를 넣지 않아서 결과를 볼 수 없다, 그리고 함수 선언 부분의 중복되는 코드를 한번더 함수를 사용해 간략화 한다면 아래와 같이 더 간결하게 작성할 수 있다.

함수로 코드를 간략화

결과로 a태그까지 확인해본다면

주간 모드와 야간 모드 둘다 정상적으로 출력되는것을 볼 수 있다.

위처럼 함수의 사용법은 다양하고 코드의 간결화와 재사용, 유지보수에 있어서 큰 이점이 있다.