[20230629]ES6 화살표(에로우) 함수,전개연산자(Spread Operator)

   

        var add = function(){

        }//이름이 없는 함수

        var add = ()=>{

        }

 

    function add(x,y){

            return x + y;

        }//이름이 있는 함수

        var add = (x,y)=>{

            return x + y;

        }

 

let add2 = function(x,y){

            return x+y;

        }

        let add3 = (x,y)=>{

            return x + y;

        }

    let add3 = (x,y)=> x + y;  

중괄호 줄일 수 있음, 리턴 생략가능

에로우함수에서는 이름이 꼭 있는 함수로 만들어줘야한다.

 

 

매개변수가 하나일 때는 괄호 생략 가능

let add = x=> {

            return x*3;

        }

 

 

함수내에서 바로 리턴만 있을때 중괄호 생략 가능

즉시실행함수

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

       

     

    (function(){

            console.log('즉시실행 함수가 작동함');

        })();

        (()=>{

            console.log('즉시실행 함수가 작동함');

        })();

 

매개변수 두개 예시

    function add(a,b){

            return a+b;

        }

        let add5 = (a,b)=>{

            return a+b;

        }

 

매개변수 한개 예시

        function multiply(x){

            return x*2;

        }

        document.write(multiply(5));

        let multiply = x => x*2;

        document.write(multiply(5));

리턴 하나밖에없으면 중괄호 생략가능, 리턴 생략가능

 

 

Spread Operator 전개 연산자

→ 전개 연산자는 주로 배열을 많이 사용

    //전개연산자는 주로 배열에 많이씀

        let arr1 = ['one','two'];

        let arr2 = ['three','four'];

        let combined1 = [arr1[0], arr1[1], arr2[0], arr2[1]];

        console.log(combined1);

    let combined2 = arr1.concat(arr2);

        console.log(combined2);

        let combined3 = [].concat(arr1,arr2);

        //배열을 만들고 뒤에 arr1+arr2를 추가한다

        console.log(combined3);

 

전개연산자를 사용하면 쉽게 묶을 수 있다 (스프레드 펼친다고 생각하면 쉽다)

let combined4 = [...arr1,...arr2];

 

+객체에도 써먹을 수 있음

        let objectOne = {

            one:1,

            two:2,

            other:0

        };

        let objectTwo = {

            three:3,

            four:4,

            other:-1

        };

        let result = {...objectOne,...objectTwo};

        console.log(result);

other은 두개가 있기때문에 결과값은 -1로 나옴