코드의 묶음(즐겨찾기 버튼),
작은 기능(function)의 단위,
입력과 출력간의 매핑(mapping)
반드시 돌아옴(return)
함수 선언
function funcName(parm1, parm2){
// 코드의 묶음
}
함수 호출
funcName()
반복적으로 실행되는 일이 필요한 경우 -> 함수로 만들 수 있음.
함수(function) = 어떤 목적을 가진 작업들을 수행하는 코드들이 모인 블럭, 지시사항들의 묶음
입력값
출력값
return을 안하면 출력값이 undefined가 됨
함수 선언식:
function 함수이름 (파라미터){
//body
//코드
}
함수 표현식 : 변수 선언, 익명 함수 할당
const 변수명 = function(파라미터){
//body
//코드(익명 함수 할당)
}
화살표 함수 : 함수 표현식을 기반으로 함
const 변수명 = (파라미터) => {
//body
//코드
}
화살표 함수 특징: 만약 함수의 body(본문)에 return문만 있는경우 => return과 {}중괄호 생략가능
const 변수명 = () => 코드;
const 변수명 = () => {코드}; -> 코드를 {}로 감싸면 undefined를 반환함
const 변수명 = () => (코드); -> return문에서 소괄호를 사용할 수 있음
하지만 함수내의 표현식(코드)이 2줄 이상인경우는 명시적으로 return과 {}를 쓰는것이 좋음
함수 선언
function funcName (매개변수 parameter){}
함수 호출
funcName (전달인자 argument)
function getRectArea(width, height){
let RectA = width * height;
return RectA;
}
const getRectArea = function(width, height){
let RectA = width * height;
return RectA;
}
const getRectArea =(width, height) => let RectA = width * height;