비구조화 할당

비구조화 할당 사용하기 전

<script>
    (function() {
        const iroMan = {
            name: '토니 스타크',
            actor: '로버트 다우니 주니어',
            alias: '아이어맨'
        };

        const captainAmerica = {
            name: '스티븐 로저스',
            actor: '크리스 에반스',
            alias: '캡틴 아메리카'
        };

        const print = function(hero){
            const text = `${hero.alias}(${hero.name}) 역할을 맡은 배우 ${hero.actor} 입니다.`
            console.log(text);
        };

        print(iroMan);
        print(captainAmerica);
    })();
</script>

비구조화 할당 사용한 후

<script>
    (function() {
        const iroMan = {
            name: '토니 스타크',
            actor: '로버트 다우니 주니어',
            alias: '아이어맨'
        };

        const captainAmerica = {
            name: '스티븐 로저스',
            actor: '크리스 에반스',
            alias: '캡틴 아메리카'
        };

        const print = function(hero){
            const {alias, name, actor} = hero; //비구조 분해 할당을 사용한것 입니다.
            
            const text = `${alias}(${name}) 역할을 맡은 배우 ${actor} 입니다.`
            console.log(text);
        };

        print(iroMan);
        print(captainAmerica);
    })();
</script>

함수 파라미터에 비구조 분해 할당 사용하기

<script>
    (function() {
        const iroMan = {
            name: '토니 스타크',
            actor: '로버트 다우니 주니어',
            alias: '아이어맨'
        };

        const captainAmerica = {
            name: '스티븐 로저스',
            actor: '크리스 에반스',
            alias: '캡틴 아메리카'
        };

        const print = function({alias, name, actor}){ // 함수 파라미터에 비구조 분해 할당 사용하기 
            const text = `${alias}(${name}) 역할을 맡은 배우 ${actor} 입니다.`
            console.log(text);
        };

        print(iroMan);
        print(captainAmerica);
    })();
</script>

991B

main.html

비구조화 할당 test