📚9주차 스터디 준비 [12장 함수]

pjw__98·2024년 1월 17일

function input javacript js output 모던 자바스크립트 함수

모던 할 수 있는거 맞는거니[스터디]

목록 보기

10/16

📚스터디 명

모던할 수 있는거 맞는거니?

📆 학습 날짜

2024/01/18(목) 5:00PM

📖 9주차 학습 범위

12장 함수(154.page ~ 188.page)

🎯함수란?

함수란 일련의 과정을 문(statement)으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한것.

함수 내부로 입력을 전달받는 변수를 매개변수(parameter)
함수 호출할 때 입력 값을 인수(argument)
함수 내부에 출력 할 값을 반환값(return value)이라고 한다.
또한 함수는 값이며, 여러 개 존재할 수 있으므로 특정 함수를 구별하기 위해 식별자인 함수 이름을 사용할 수 있다.

함수는 함수 정의를 통해 생성한다. 그러나 함수 정의만으로 함수가 실행되는 것은 아니다.

함수를 실행하려면 인수를 매개변수를 통해 함수에 전달하면서 함수의 실행을 명시적으로 지시해야 한다.

이를 함수 호출(function call/invoke)이라 한다.

📌함수를 사용하는 이유

함수는 몇 번이든 호출할 수 있으므로 코드의 재사용이라는 측면에서 매우 유용하다.

함수를 사용한다면 코드의 중복을 억제하고 재사용성을 높이는 함수는 유지보수의 편의성을 높이고 실수를 줄여 코드의 신뢰성을 높이는 효과가 있다.

함수는 객체 타입의 값이다.따라서 이름(식별자)을 붙일 수 있다.
각 함수마다 어떤 역할의 함수인지 변수 이름으로 명확하게 나타낼 수 있기떄문에 코드의 가독성을 향상시키기도한다.

코드는 동작하는 것만이 존재 목적이 아니다. 코드는 개발자를 위한 문서이기도 하다. 따라서 사람이 이해 수 있는 코드, 즉 가독성이 좋은 코드가 좋은코드라고한다.

📌 함수 정의

함수를 정의하는 방법에는 4가지가 있다.

함수 선언문
함수 이름을 생략할 수 없다.

 <script>
 function (x,y){
 return x + y;
 }
 
// SyntaxError: Function statements require a function name
 </script>

함수 선언문은 표현식이 아닌 문이다. 그러므로 변수에 할당할 수 없다.
함수 선언문을 변수에 할당해보면 할당이 되는것처럼 보이지만 메모리상으로 그렇지않다.

함수 표현식
함수는 일급 객체이므로 함수 리터럴로 생성한 함수 객체를 변수에 할당할 수 있다.
이러한 함수 정의 방식을 함수 표현식(function expression)이라 한다.
함수 리터럴의 함수 이름은 생략할 수 있다.
이름을 생략한 함수는 익명 함수라고 불린다.
표현식의 함수 리터럴은 함수 이름을 생략하는 것이 일반적이라고한다.
함수 표현식으로 정의한 함수는 함수 표현식 이전에 호출 불가능하다.
```
<script>
//함수 선언문
function add (x,y){
return x + y;
}

//함수 표현식
var sub = function (x,y) {
	return x - y;
};
</script>
```
function 생성자 함수
function 생성자 함수로 함수를 생성하는 방식은 일반적이지 않으며 바람직하지도 않다고한다.
화살표 함수(ES6)
최근 자바스크립트 문법을 접해본사람은 const result = () => {}를 한번이라도 접해봤을것이다.

이름에서도 유추할 수 있듯이 function 키워드 대신 화살표 => 를 사용해 좀 더 간략한 방법으로 함수를 선언할 수 있다.화살표 함수는 항상 익명 함수로 정의한다.
화살표 함수는 생성자 함수로 사용할 수 없으며, 기존 함수와 this바인딩 방식이 다르고,prototype 프로퍼티가 없으며 arguments 객체를 생성하지 않는다고한다.

<script>
 //화살표 함수
 const result = (x,y) => x+y;
 
 //화살표 함수는 아래 표현식을 좀 더 간략하게 선언한 것.
 const result = function result(x,y){
 return x + y ;
 }
</script>

📌다양한 함수 형태

즉시 실행 함수
- 익명 즉시 실행 함수
- 기명 즉시 실행 함수

즉시 실행 함수는 함수 이름이 없는 익명 함수를 사용하는 것이 일반적이다.
함수 이름이 있는 기명 즉시 실행 함수도 사용할 수 있다.
하지만 그룹 연산자 ( ) 내의 기명 함수는 함수 선언문이 아니라 함수 리터럴
로 평가되며 함수 이름은 함수 몸체에서만 참조할 수 있는 식별자이므로 즉시 실행 함수를 다시 호출할 수 는 없다.