혼공/혼공 4주차

[혼공] 혼자 공부하는 자바스크립트 4주차 -1

만갱0l 2024. 1. 22. 22:35

벌써 공부한 지 4주 차다 꾸준히 공부할 줄은 몰랐는데 새삼 놀라운 거 같다. 앞으로 남은 기간 동안 이론 탄탄히 다지고 조금 더 성실히 공부하자!


오늘은 함수에 대해 알아보도록 하겠다. 

 

함수에는 두가지 분류로 나눌 수 있다. 

 

함수란?

분류 종류 설명
사용자 정의 함수 - 선언적 함수
- 익명 함수
프로그램에서 필요한 기능을 사용자가 직접 정의해서 사용하는 함수.
내장 함수 - 인코딩, 디코딩 함수
- 숫자 판별 함수
- 유/무 값 판별 함수 
- 숫자변환 함수
- 문자 변환 함수
- 자바스크립트 코드 변경 함수
프로그램 개발에서 자주 사용되는 기능들을 자바스크립트 냐부적으로 제공해주는 함수

 

 

-> 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합이다. 

앞에서 데이터를 저장할 때 변수를 선언해야 저장을 했었다. 변수는 데이터만 저장할 수 있고 코드는  저장할 수 없었다. 하지만 함수를 사용하면 코드를 메모리에 저장했다가 필요할 때마다 호출하여 사용할 수 있다. 

 

함수를 사용하는 것을 함수 호출이라 하며 함수를 호출할 때 괄호 내부에 여러 가지 자료를 넣는 것을 매개변수라 한다. 그리고 함수를 호출하여 최종적으로 나오는 결과를 리턴값이라 한다.

 

함수와 변수의 차이점! 

 

.변수 

 - 1개의 데이터만 저장한다.

 - let, ver 키워드를 이용하여 사용한다. 

 - 문자형, 숫자형, 논리형 데이터를 보관한다. 

 - 객체를 참조한다. 

 

. 함수 

 - 자바스크립트 코드를 저장한다. 

 - function 키워드를 이용하여 사용한다. 

 - 출력문, 제어문 등의 코드를 저장하고 데이터를 반환한다.

 

함수를 사용하면 좋은 점! 

 - 반복되는 코드를 한 번만 정의하고 필요에 따라 호출하여 반복 작업을 피할 수 있다.

 - 함수를 나누어 작성하면 모듈화로 가독성이 좋아진다. 

 - 함수별로 수정이 가능해 유지보수가 쉽다. 

 

=> 함수 정의문은 안에 작성된 코드는 즉시 실행되지 않고 메모리에 할당되어 대기하고 있다가 함수가 호출되면 실행된다.


익명함수

- 변수에 함수 데이터를 저장하여 변수를 마치 함수처럼 사용할 수 있도록 만들어 준다. 

참조변수 =  function () {

    자바스크립트 코드; 

 }

--> 익명함수는 변수 선언 이후에 호출해야 한다. 

 

선언적 함수 (기본 함수 정의문)

- 함수는 코드의 집합을 나타내는 자료형이며, 함수를 사용하여 코드를 저장한 것을 '함수 정의문' 이라 한다. 변수를 선언할 때 let , ver 키워드를 사용한 것처럼 함수에서 function 키워드를 사용하여 변수를 선언한다. 

function 함수명() {

   자바스크립트 코드; 

 }

함수 호출문이 먼저 나와도 호이스팅 방식이 적용되어 정상적으로 함수를 호출한다.

-> 함수를 호출할 때 함수의 앞 또는 뒤에서 호출이 가능하다. 


오늘은 함수의 익명함수와 선언적 함수를 알아보았다. 많은 내용을 공부하는 건 아니지만 조급하지 말고 하나씩 차근차근 알아가는 시간을 가졌으면 한다. 포기하지 말고 꾸준히 하자! 오늘 공부도 성공~!