[Javascript] 매개변수(parameter)와 전달인자(argument)

매개변수 (Parameter)

• 함수를 선언할 때 사용하는 변수로, 함수가 어떤 값을 받을 수 있는지 정의하는 부분

function temp(a,b){
 return a+b
}

---

인자 (Argument)

• 함수를 호출할 때 실제로 전달되는 값으로, 파라미터가 정의된 변수에 전달되는 실제 값

let res = temp(2,3)

---

매개변수 활용

• 인수를 객체 형태로 만들어 호출 시 순서에 상관없이 해당 값 변경 가능

// tip 값 변경하는 함수
function calc(total, tax=0.1, tip= 0.01){
	return console.log(`tax : ${tax},tip: ${tip}`)
}
// 1, 인자의 순서가 잘못되어 tip이 아닌 tax의 값이 변경
calc(100, 0.14) // tax : 0.14, tip:0.01
calc(100, undefined, 0.14) // undefined를 활용하여 변경 가능
// 매개변수를 객체로 설정하여 순서에 상관없이 값 할당 가능
function calc2({total, tax=0.1, tip= 0.01}= {}){
	return console.log(`tax : ${tax},tip: ${tip}`)
}
calc2({tip : 0.2, tax: 0.3}) // tax : 0.3, tip:0.2

•   arguments.length 와 함수.length 

arguments.length	함수 호출 시 실제로 전달한 arguments인자의 수를 반환
함수.legnth	함수에 정의된 매개변수의 수를 반환

  * Source

function one(arg1) {
  console.log(`one.length : ${one.length}, argument : ${arguments.length} `);
}
one('val1', 'val2'); // 1, 2