js - arguments, 나머지 매개변수, 스프레드문법

함수

1. 함수선언문

function myFunc(num1, num2){
   return num1 + num2;

} //호이스팅 됨

myFunc(10,20);

2. 함수표현식

let myFunc2 = function(num1, num2){
    return num1 + num2;

} //호이스팅 안됨

3. 화살표 함수

무기명 함수는 화살표 함수로 변경할 수 있다.

function(num1, num2){

    return num1 + num2;

}

1) function 대신 =>

2) 매개변수가 하나면 ()생략가능, 두개 이상일때는 ()생략안됨

function(){} ---> () => {} 

function(num){} ---> num => {}

function(num1,num2) ---> (num1,num2) => {}

3) 실행문이 한줄일때는 {}생략가능

function(num1,num2){console.log(num1+num2)}

---> (num1,num2) => console.log(num1+num2)

4) 실행문이 리턴을 포함한 한줄일때는 리턴도 생략가능

function(num1,num2){ return num1+num2}

---> (num1,num2) => num1+num2

 

arguments객체

function sum(num1,num2){

    console.log(arguments[0]);

    console.log(arguments[1]);

    console.log(arguments[2]);

    return num1+num2;

}

sum(10,20,30);

 

나머지 매개변수

나머지 인수를 다묶어서 배열로 넘겨줌(남아있는 인수를 모음)

매개변수가 여러개일때 항상 마지막에 있어야함.

구문> ...매개변수명

function sumAll(a,b,...c){

    

}

sumAll(10,20,30,40,50);

 

1,2,3,4,5,6,7 --> [1,2,3,4,5,6,7]

스프레드문법 ...배열변수명

[1,2,3,4,5,6,7] --> 1,2,3,4,5,6,7

 

배열복사

let arr1 = [1,2,3];

let arr2 = arr1;

 

기본형 데이터 타입

Number, String, null, Boolean, indefined

참조형 데이터 타입

Object, function