매개변수

0

javascript

목록 보기
11/34
post-thumbnail
post-custom-banner

📍 매개변수
함수에서 전달받은 인자를 뜻한다.

function add(val1,val2){	//val1과 val2가 파라미터이다(매개변수)
	reutn val1 + val2 ;
}
add(1,2)	//여기서 1,2가 아규먼트 이다.

📍 아규먼트(argument)

함수를 실행할때 넣는값이다.

📍 파라미터 (parameter)

함수에서 받을 수 있는 변수 이다.


전달되는 파라미터 값이 유동적이라면 ... ?

📌 arguments(아규먼트에 s가 붙음!)

let arr = [1,2,3,4,5];
function a (a,b){
    console.log(arguments)
}
a(2,3) // {'0':2,'1':3}
a(1,2,3,4,5)	//{"0": 1, "1":2, "2":3, "3":4, "4":5}

유사 배열 형태로 참조 한다.

📌 spred연산자

function getMaxNum(...num){
	console.log(num); //[3,5,8,10]
}
getMaxNum(3,5,8,10);

...num 형태로 매개변수를 준다. 배열과 같은 형태로 들어간다.

let arr = ['a', 'b', 'c']
let brr = [1,2,3,4,5]
console.log(arr) // ['a', 'b', 'c']
console.log(...arr) // 'a' 'b' 'c'
console.log([...arr, ...brr]) // ['a', 'b', 'c', 1, 2, 3, 4, 5]
const copiedArr = [...arr]
console.log(copiedArr) // ['a', 'b', 'c']

ES9부터는 객체 또한 가능 하다.

let obj1 = {a: 1, b: 2}
let obj2 = {c: 3}
console.log({...obj1, ...obj2}) // {a: 1, b: 2, c: 3} 객체합치기
let obj = {...obj1}
console.log(obj) // {a: 1, b: 2} 객체복사
let obj3 = {...obj1, b: 'b'}
console.log(obj3) // {a: 1, b: 'b'}
// 기존 객체의 값을 수정해서 새로운 객체 만들기에 사용할 수 있습니다.

💕 매개변수에 기본값을 줄수도 있다.

function getRoute(destination, departure = 'ICN'){
	return '출발지: ' + deparure + ',' + '도착지: ' + destination;
}
getRoute('PEK'); //	출발지 : ICN, 도착지: PEK'
profile
👩🏻‍💻항상발전하자 🔥
post-custom-banner

0개의 댓글