[자바스크립트]함수 선언과 기본 제공 함수

프로그래밍을 하다 보면 자주 사용하는 코드를 임의의 코드로 만들어 호출하여 사용할 수 있게 만드는데 이것을

우리는 함수라고 합니다.

함수를 사용하면 반복적으로 사용하는 코드를 분리하여 호출만 하는 방식으로 간단하게 사용할 수도 있고 파일의

크기에도 영향을 많이 주기 때문에 코딩하는 데 있어 아주 중요하다고 할 수 있습니다.

 

함수를 선언하는 방법과 자바스크립트에서 기본으로 제공해주는 함수에 대해서 알아보겠습니다.

함수 선언

함수를 선언하는 방법부터 하나하나 알아보겠습니다.

함수 선언 기본 형식

선언은 기본적으로 함수이름을 function을 사용하여 선언하고 그 뒤 소괄호() 안에 입력받을 변수를 입력하여 선언하게

됩니다.

함수 호출 방법

그리고 함수이름과 입력받을 변수를 입력해 함수를 호출할 수 있습니다.

간단한 예시로 덧셈 함수를 만들어 함수 사용방법을 알아보겠습니다.

함수 선언과 호출 결과

위의 사진과 같이 function으로 sum이라는 함수를 만들었으며 num1과 num2 값을 받아 더한 뒤 값을 return 해주었습니다.

그리고 return된 값은 sumValue라는 변수에 저장되어 console.log를 통해 덧셈 결과가 잘 호출되었습니다.

이렇게 함수를 선언하며 여러 개의 변수를 받을 수도 있으며, return을 통해 값을 반환해준다는 것도 알 수 있었습니다.

 

그리고 매개변수를 선언하지 않고 간단하게 함수만 호출하여 사용하는 방법도 있습니다.

리터럴 방식으로 함수 선언하고 사용

위의 사진은 리터럴 방식을 사용한 함수 선언 및 호출 방법입니다.

 

이렇게 함수를 직접 선언하여 사용하는 방법 말고도 기본적으로 자바스크립트에서 제공해주는 함수가 있습니다.

 

기본 제공 함수

자주 사용하는 기본 제공 함수로 사용 예시를 작성하겠습니다.
사진 하단에 있는 정보를 참조하여 어떤 함수인지 확인해주세요.

문자 모두 대문자로 출력

문자 모두 소문자로 출력

특정 기준점으로 문자열 나누기1

특정 기준점으로 문자열 나누기2

특정 기준점으로 문자열 나누기3

리스트 형식 문자열 합치기

이 외에도 여러 가지 기본 제공 함수가 존재합니다.

모든 기본 제공 함수는 MDN의 자바스크립트 함수 관련 페이지에 있으니 아래 주소를 참고해주세요.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects

표준 내장 객체 - JavaScript | MDN

 

이상 함수를 선언하는 방법과 기본 제공 함수의 간단한 사용 방법을 알아보았습니다.