함수
function 특정한 작업을 수행하는 독립된 프로그램 단위, 반복될 수 있는 작업을 정의
eg
function calcArea(width, height) {
let result = width * height;
return result;
}function 키워드 : 함수 정의(또는 선언)를 위한 키워드
함수명 : 함수를 식별하기 위한 이름 -> calcArea
매개변수 : 함수에 외부 입력 값을 전달하기 위한 변수 -> width, height
함수 코드 : 함수 내부에 표현되는 명령어 모음
반환값 : 함수 수행의 결과값 -> return
1. 반복될 수 있는 작업을 정의
2.input 을 받아 output을 반환 return
- input으로 받는 값 > 인수와 인자 보통 혼용해서 사용
- 꼭 인자를 받거나 값을 반환하는 것은 아님
- return문의 꼭 마지막에
- 호이스팅 hoisting
함수를 구성하는 방식
함수 정의 & 선언 방식 (definition & declaration)
function myFunc1(x, y) {
return x + y;
}함수 표현식(function expression)
let myFunc2 = function (x,y) {
return x + y;
}상수나 변수에 함수 대입 함수도 값
함수 표현식으로 함수를 정의할 때는 const 키워드를 주로 사용. 보통 함수는 일관된 목적으르 가진 코드 집합이라서 재정의, 재할당해서도 안 되는 경우도 많기 때문.
화살표 함수 표현식 (arrow function expression)
let myFunc3 = (x,y) => x + y;
함수 생성 시점이 다르기 때문에, 함수표현식과 화살표 함수는 호이스팅되지 않음
+++ 08.10
출처 : 코딩 자율학습 도서
매개변수(parameter) & 인수(argument)
매개변수는 함수를 정의할 때 외부에서 전달하는데이터를 함수에서 받을 수 있도록 정의하는 변수
정의한 함수를 호출할 때 소괄호 안에 전달하고 싶은 데이터를 적는데, 이를 인수라고 한다.
함수 호출 시 전달하는 데이터 즉, 인수는 함수의 매개변수에 자동으로 할당된다.
매개변수의 특징
-
매개변수의 식별자도 변수의 식별자 명명규칙에 따라 지어주면 된다. 일반적으로 변수와 같음
-
데이터 전달
첫 번째 인수는 첫 번째 매개변수에 할당되고, 두 번째 인수는 두 번째 매개변수에 할당된다.
매개변수는 개수 제한이 없기 때문에 여러 개를 생성할 수 있지만, 함수가 지저붑ㄴ해 보일 수 있어서 최소한으로 정의하는 것이 좋다.
- 기본값 할당
return 문
함수를 호출할 때 데이터를 전달하려면 매개변수를 정의해야 하듯이, 함수 외부로 데이터를 반환할 때는 return 문을 사용해야한다.
sum함수의 내부 변수인 result가 return문에 작성되어 있다. 이와 같이 작성하면 함수 내부 변수인 result에 할당된 값, 즉 데이터가 sum() 함수를 호출한 곳으로 전달된다. 이를 반환한다고 하며, 이때 반환된 데잉터를 반환값이라고 한다.
return 문은 데이터를 반환하지 않으면 단순히 함수 실행을 종료하는 역할만 하게 된다.
화살표 함수와 return 문
화살표 함수에서 {}를 생략하면 화살표 다음에 오는 코드는 return 문으로 처리된다.
quiz )
chat 덕분에 공부한다...
즉시 실행 함수 사용하기
(function(){})();
