함수의 기본 형태
// 함수 선언
function 함수이름(parameter1, parameter2...){
return 반환값
}
// 함수 호출
함수이름(argument1, argument2...)
Parameter : 매개변수. 함수와 메서드에 입력 변수 이름
Argument : 전달인자. 함수와 메서드에 실제 입력되는 값
함수에 전달되는 argument가 parameter보다 적거나 많아도 에러가 발생하지 않음.
function 덧셈(a, b, c){
return a+b+c
}
console.log(덧셈(10, 20, 30)); // 60
console.log(덧셈(10, 20, 30, 40)); // 60
console.log(덧셈(10, 20)); // NaN (10 + 20 + undefined)
함수 표현식
let sumAB = function(a, b){
return a + b;
};
console.log(sumAB(1, 2)); // 3
화살표 함수 : function 키워드를 화살표로 대체. 선언 시 제목을 정할 수 없음.
let sumAB = (a, b) => a + b;
let plus10 = x => x + 10;
console.log(sumAB(1,2)); // 3
console.log(plus10(3)); // 13
즉시 실행 함수 : 정의함과 동시에 즉시 실행
(function(){
console.log('바로 실행됩니다');
})(); // 바로 실행됩니다
(function(a, b){return a + b})(1, 4); // 5
'JS' 카테고리의 다른 글
JS(11) 전개구문과 디스트럭쳐링(구조 분해 할당) (0) | 2023.08.25 |
---|---|
JS(10) 조건문과 반복문 (0) | 2023.08.24 |
JS(8) Type - 객체타입(2) 객체 (0) | 2023.08.24 |
JS(7) Type - 객체타입(1) 배열 (0) | 2023.08.24 |
JS(6) Type - 원시타입(3) Boolean, undefined, null (0) | 2023.08.23 |