JS

JS(9) 함수

UserDonghu 2023. 8. 24. 19:28

함수의 기본 형태

// 함수 선언
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