Function란, 함수의 기능과 Agument(전달인자), Parameter(매개변수) 정의 / [자바스크립트 도장깨기] 인수, 인자

목차

 

함수(Function)

• 프로그램 안에 프로그램(서브 프로그램)으로 각각의 기능을 수행하며 여러 번 재사용이 가능한다.
• 하나의 함수는 한가지의 기능만을 해야 한다.
• 함수 이름은 동사 형태로 정의하는 것이 좋다.
• function은 object이여서 변수에 할당하거나 인수로 return할 수 있다.
• hoisted가 된다, 함수를 선언하기전에 호출해서 실행된다.

function print(x, y){ // 입력받은 x와 y를 출력하는 기능을 하는 함수
	console.log(`${x}와 ${y});
}

📌화살표 함수(Arrow Function , =>)

간결하게 작성할 수 있는 기능이다.

// =>사용 전
const print = function(){
	console.log('Hello');
}

// =>사용 후
const print = () => console.log('Hello');
const add = (a, b) => a + b;

 

함수 선언과 동시에 호출

function을 ()로 감싼후 호출( (); ) 한다.

(function print(){
	console.log('Hello');
})();

 

인자에 배열로 받을 시 함수 선언

배열을 순회하면서 함수를 처리하는 방법 🔽

2022.05.01 - [개발기록/자바스크립트 & jQuery] - for, foreach, for of, filter, map, reduce / 자바스크립트 배열 / 배열의 순회하는 법

function print(...arg){
	for(let i=0; i<arr.length; i++){
    console.log(arg[i]);
  }
}
print('apple', 'banana', 'orange');

 

 

출처 - 모던 자바스크립트 Deep dive

 

 

Agument = 전달 인자 = 인수

함수 호출 시 전달하는 값으로 인수라고도 한다.

매개변수와 달리 전달 인자는 호출마다 값이 변하기 때문에 Value로 정의한다.

print(1, 2) // 1, 2를 agument, 인수라고 한다.

 

Parameter = 매개변수 = 인자

함수 정의 시 외부로부터 받아 오는 값을 담은 변수이다.

function print(x, y){ // x, y를 parameter = 인자라 한다.
	console.log(`${x}와 ${y});
}