brunch

You can make anything
by writing

C.S.Lewis

by 별똥별 shooting star Sep 05. 2023

자바스크립트, 함수에 대해 알아보기

출퇴근길에 공부하는 자바스크립트1


자바스크립트에서 함수는 그저 일정한 작업을 수행하는 코드 묶음이 아니라, 프로그램을 구조화하고 모듈화 하는 핵심 수단이다. 함수는 자바스크립트의 많은 다른 핵심 개념과 깊이 연결되어 있다. 스코프, 실행 컨텍스트, 클로저, 생성자 함수, 메서드, this, 프로토타입, 모듈화 등이 모두 함수와 밀접한 관계를 가지고 있다.  



작업의 단위

함수는 작업의 단위이다. 수학에서의 함수는 입력을 받아 출력을 내보내는 일련의 과정을 의미한다. 자바스크립트의 함수도 이와 유사하게 작동한다.

function add(x, y){
   return x + y;
 }
 var result = add(2, 5);  // 결과는 7



코드의 재사용성

함수는 재사용 가능한 코드 블록이다. 같은 로직을 반복하지 않고, 함수를 호출함으로써 중복을 제거하고 코드의 유지보수를 쉽게 할 수 있다.

function add(x, y) {
   return x + y;
 }
 var result1 = add(1, 2);  // 결과는 3
 var result2 = add(3, 4);  // 결과는 7
 var result3 = add(5, 6);  // 결과는 11



가독성과 유지보수

적절한 함수 이름은 코드의 가독성을 높이며, 이는 유지보수에 큰 도움이 된다. 코드는 그저 동작하는 것만이 아니라 개발자를 위한 문서의 역할도 해야 하기 때문에 개발자는 가독성이 좋은 코드를 작성하여 협업을 할 때 효율적으로 개발을 할 수 있을 것이다.

매거진의 이전글 자바스크립트, 얕은 복사와 깊은 복사 이해하기
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari